Што е пре-форматиран текст?

Еве како да ја користите ознаката за пред-форматиран текст во вашиот HTML код

Кога ќе додадете текст во HTML-кодот за веб-страница, кажете во елемент од став, немате никаква контрола врз тоа каде ќе се скршат тие линии на текст или проредот што ќе се користи. Ова е затоа што веб прелистувачот ќе го проследи текстот по потреба врз основа на областа што ја содржи. Ова вклучува одговора веб-сајтови кои ќе имаат многу течност распоред кој се менува врз основа на големината на екранот се користи за да ја видите страница .

HTML-текстот ќе ја скрши линијата каде што ќе треба да го достигне крајот на нејзината содржина. На крајот, прелистувачот повеќе игра улога во одредувањето на тоа како текстот се распаѓа од вас.

Во однос на додавање на празно место за да создаде одреден формат или распоред, HTML не го препознава проредот кој се додава на кодот, вклучувајќи ги и враќањата на spacebar, tab или carriage. Ако ставите дваесет празни места помеѓу еден збор и зборот што доаѓа по него, прелистувачот ќе направи само еден единствен простор таму. Ова е познато како колапс на белиот простор и всушност е еден од концептите на HTML што многу нови во индустријата се снаоѓаат во прв план. Тие очекуваат HTML празни места да работат на начинот на кој тоа го прави во програма како Microsoft Word, но тоа не е како HTML просторот функционира на сите.

Во повеќето случаи, нормалното ракување со текст во било кој HTML документ е токму она што ви треба, но во други случаи, всушност, може да сакате повеќе контрола над точното како текстот простори и каде што ги крши линиите.

Ова е познато како претходно форматиран текст (со други зборови, го диктирате формат). Можете да додадете претходно форматиран текст на вашите веб-страници со користење на HTML-табелата.

Користење на ознаката

Пред многу години, беше вообичаено да се гледаат веб-страници со блокови од претходно форматиран текст. Користењето на претходниот таг за дефинирање на делови од страната, како што е форматирано од самиот тип на печатење, беше брз и лесен начин за веб-дизајнерите да го добијат текстот за да се прикаже како што сакаше.

Ова беше пред појавата на CSS за изгледот, кога веб-дизајнерите беа навистина заглавени обидувајќи се да го принудат изгледот со употреба на табели и други HTML-методи. Ова (kinda) работеше назад, бидејќи пред-форматираниот текст е дефиниран како текст во кој структурата е дефинирана со типографски конвенции, а не со HTML рендерирање.

Денес оваа ознака не се користи толку многу бидејќи CSS ни овозможува да ги диктираме визуелните стилови на многу поефикасен начин отколку да се обидуваме да го присилиме изгледот во нашиот HTML и затоа што веб стандардите диктираат јасна поделба на структурата (HTML) и стилови (CSS). Сепак, може да има случаи кога пред-форматираниот текст има смисла, како на пример за поштенска адреса каде што сакате да ги принудите паузите на линиите или примерите на поезија каде што паузите од линијата се од суштинско значење за читањето и целокупниот проток на содржината.

Еве еден начин да се користи HTML

 тагот: 

 
 Twas brillig и slithey toves Дали gyre и gimble во wabe  
 Типичен HTML колабира бел простор во документот. Ова значи дека враќањето на каретата, празнините и јазичните знаци што се користат во овој текст сите ќе бидат пропаднати на еден простор. Ако ја напишавте горенаведената понуда во типична ознака HTML, како што е ознаката p (став), ќе завршите со една линија на текст, на пример: 
 Twas brillig и slithey toves Дали gyre и gimble во wabe 
 Претходната ознака ги остава ликовите на белиот простор како што е. Така линии паузи, простори и јазичиња се сите се одржува во рендерирање на прелистувачот на таа содржина. Ставањето на цитатот во пред-таг за истиот текст ќе резултира со овој екран: 
 Twas brillig и slithey toves Дали gyre и gimble во wabe 
 Во врска со фонтови 
 Пред-ознаката не само што ги одржува просторите и паузите за текстот што го пишувате. Во повеќето прелистувачи, тој е напишан во моноширен фонт. Ова ги прави ликовите во текстот сите еднакви во ширина. Со други зборови, писмото јас зазема колку простор како буквата w. 
 Ако претпочитате да користите друг фонт на местото на стандардната моноапса која ја прикажува прелистувачот, сепак можете да го промените ова со листи со стилови и да одберете кој било друг фонт за кој сакате да се прикажува текстот . 
 HTML5 
 Едно нешто да се потсетиме е дека, во HTML5, атрибутот "width" повеќе не е поддржан за елементот 
. Во HTML 4.01, ширината го наведува бројот на знаци што ќе ги содржи линијата, но ова е отфрлено за HTML5 и пошироко. 

 Ревидирани од Џереми Жирар на 2/2/17