Какво представлява предварително форматиран текст?

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

Когато добавите текст към HTML кода за уеб страница, кажете в елемент от параграф, нямате почти никакъв контрол над това, къде ще се разрушат тези линии от текст или разстоянието, което ще бъде използвано. Това е така, защото уеб браузърът ще тече текст според нуждите въз основа на областта, която го съдържа. Това включва отзивчиви сайтове, които ще имат много плавно оформление, което се променя в зависимост от размера на екрана, който се използва за преглед на страницата .

HTML текстът ще пречупи линията, откъдето се нуждае, след като достигне края на съдържащата го област. В крайна сметка браузърът играе по-голяма роля в определянето на начина, по който текстът се разваля, отколкото ти.

По отношение на добавянето на разстояния, за да се създаде определен формат или оформление, HTML не разпознава интервалите, които се добавят към кода, включително интервал от интервал, таб, или карета. Ако поставите двадесет интервала между една дума и думата, която идва след нея, браузърът ще направи само едно отделно място там. Това е известно като колапс в бяло пространство и всъщност е едно от понятията за HTML, които много от нас в индустрията се борят в началото. Те очакват пространството за HTML да работи така, както се прави в програма като Microsoft Word, но това не е начинът, по който HTML изображението работи изобщо.

В повечето случаи нормалното обработване на текст във всеки HTML документ е точно това, от което се нуждаете, но в други случаи всъщност може да искате повече контрол върху точно как текстовите пространства излизат и къде нарушават линиите.

Това е познато като предварително форматиран текст (с други думи, вие диктувате формата). Можете да добавите предварително форматиран текст към уеб страниците си, като използвате предварителен HTML код.

Използване на маркера

Преди много години е било обичайно да виждате уеб страници с блокове от предварително форматиран текст. Използването на предварителния маркер за дефиниране на секции от страницата, форматирани от самото пишене, е бърз и лесен начин уеб дизайнерите да получат текста, който да се показват така, както го искат.

Това беше преди появата на CSS за оформлението, когато уеб дизайнерите наистина бяха забити, опитвайки се да принудят оформлението с помощта на таблици и други HTML-само методи. Това (обратно) работи обратно, защото предварително форматиран текст се дефинира като текст, в който структурата се дефинира по-скоро от типографските конвенции, отколкото от HTML изобразяването.

Днес този етикет не се използва толкова много, защото CSS ни позволява да диктуваме визуалните стилове по много по-ефикасен начин, отколкото да се опитваме да навлезем в нашия HTML и защото уеб стандартите диктува ясно разделение на структурата (HTML) и стиловете (CSS). Все пак може да има случаи, при които текстът с предварително форматиране има смисъл, като например адрес за кореспонденция, където искате да принудите прекъсванията на линиите или примери за поезия, където прекъсванията на линиите са от съществено значение за четенето и цялостния поток на съдържанието.

Ето един начин да използвате HTML

 tag: 

 
 Twas brillig и the slithey toves Държеше се и нахлува в wabe  
 Типичният HTML свива бялото пространство в документа. Това означава, че символите, които се използват в текста, се връщат, интервалите и табулаторите ще се сринат на едно място. Ако сте написали горния котировка в типичен HTML маркер като маркера p (параграф), вие ще завършите с един ред текст, както следва: 
 Двамата брилянтни и сладките топици Минаха и се запътиха в кошарата 
 Предварителният маркер оставя символите за бяло пространство, както е. Така че прекъсванията на линиите, интервалите и разделите се запазват в изобразяването на това съдържание от браузъра. Поставянето на котировката в предварителен етикет за същия текст би довело до това показване: 
 Двамата брилянтни и сладките топици Минаха и се запътиха в кошарата 
 По отношение на шрифтовете 
 Предварителният маркер не само поддържа пространствата и почивките за текста, който пишете. В повечето браузъри той е написан с мащабен шрифт. Това прави всички знаци в текста еднакви по ширина. С други думи, буквата i заема толкова място, колкото буквата w. 
 Ако предпочитате да използвате друг шрифт вместо стандартния моноспасис, който браузърът ви показва, пак можете да го промените със стилови листа и да изберете друг шрифт, в който искате текстът да се изобразява . 
 HTML5 
 Едно нещо, което трябва да се има предвид е, че в HTML5, атрибутът "width" вече не се поддържа за елемента 
. В HTML 4.01 ширината определи броя на символите, които даден ред ще съдържа, но това е отпаднато за HTML5 и по-нататък. 

 Редактиран от Jeremy Girard на 2/2/17