Čo je predformátovaný text?

Tu je návod na použitie predbežne formátovanej textovej značky v kóde HTML

Keď pridáte text do kódu HTML pre webovú stránku, povedzte v prvku odstavca, nemáte dostatočnú kontrolu nad tým, kde sa tieto riadky textu zlomia, alebo medzery, ktoré sa použijú. Dôvodom je to, že webový prehliadač podľa potreby preteká text podľa oblasti, ktorá ho obsahuje. Patria sem aj odpovedajúce webové stránky, ktoré majú veľmi plynulé rozloženie, ktoré sa mení podľa veľkosti obrazovky, ktorá sa používa na zobrazenie stránky .

Text HTML rozdelí riadok, na ktorý potrebuje, keď dosiahne koniec svojej oblasti obsahujúcej. Nakoniec prehliadač zohráva viac úlohy pri určovaní toho, ako sa text prelomí, ako vy.

Pokiaľ ide o pridávanie medzery na vytvorenie určitého formátu alebo rozloženia, HTML nerozpozná medzery, ktoré sa pridávajú do kódu vrátane medzerníka, karty alebo znakov. Ak zadáte dvadsať medzipriestorov medzi jedným slovom a slovom, ktoré nasleduje po ňom, prehliadač vykreslí iba jeden priestor. Toto je známe ako kolaps bieleho priestoru a je to vlastne jedna z koncepcií HTML, s ktorými sa najskôr stretávajú mnohí noví. Očakávajú, že medzery HTML budú fungovať tak, ako to robí v programe, ako je program Microsoft Word, ale nie je to tak, ako fungujú šumy HTML.

Vo väčšine prípadov je bežná manipulácia s textom v každom dokumente HTML presne to, čo potrebujete, ale v iných prípadoch môžete skutočne potrebovať väčšiu kontrolu nad tým, ako presne vymedzujú textové medzery a kde rozdeľujú riadky.

Toto je známe ako predformátovaný text (inými slovami, diktujete formát). Na vaše webové stránky môžete pridať predformátovaný text pomocou predbežnej značky HTML.

Použitie značky

Pred mnohými rokmi bývalo bežné vidieť webové stránky s blokmi predformátovaného textu. Použitie predbežnej značky na definovanie sekcií stránky, ktoré boli formátované samotným zadávaním textu, bolo pre webových dizajnérov rýchlym a jednoduchým spôsobom, aby sa text zobrazil tak, ako to chceli.

Toto bolo pred nástupom CSS na usporiadanie, keď boli web dizajnéri skutočne uviaznutí a snažili sa rozložiť súbory pomocou tabuliek a iných metód iba v HTML. Toto (trochu) fungovalo späť, pretože predformátovaný text je definovaný ako text, v ktorom je štruktúra definovaná skôr typografickými konvenciami ako HTML vykresľovaním.

Dnes sa táto značka nepoužíva toľko, pretože CSS nám umožňuje diktovať vizuálne štýly oveľa efektívnejším spôsobom ako snažiť sa vynútiť vzhľad v našom HTML a pretože webové štandardy diktujú jasné oddelenie štruktúry (HTML) a štýlov (CSS). Napriek tomu môžu existovať prípady, keď text vopred naformátovaný má zmysel, ako napríklad poštová adresa, kde chcete vynútiť prerušenie riadkov alebo príklady poézie, pri ktorých je pre čítanie a celkový tok obsahu zásadný význam.

Tu je jeden spôsob, ako použiť značku HTML

: 

 
 Twas brillig a slithey toves Dostali ste sa a strávili v wabe  
 Typický HTML zbalí biely priestor v dokumente. To znamená, že znaky vrátenia kanála, medzery a znaky tabulátorov použité v tomto texte by boli zbalené do jedného medzery. Ak ste zadali vyššie uvedenú cenovú ponuku do typickej značky HTML, ako je značka p (odsek), skončíte s jedným riadkom textu, napríklad: 
 Dvojnásobne skvelé a úžasné 
 Premenná značka opúšťa znaky bieleho medzery. Takže prerušenia riadkov, medzery a karty sú zachované vo vykresľovaní tohto obsahu prehliadačom. Uvedenie cenovej ponuky v predbežnej značke pre ten istý text by viedlo k tomuto zobrazeniu: 
 Dvojnásobne skvelé a úžasné 
 Čo sa týka písma 
 Predbežná značka je viac než len udržiavať medzery a prestávky pre písaný text. Vo väčšine prehliadačov je napísaný v monospace. Tým sa všetky znaky v texte rovnajú šírke. Inými slovami, písmeno i zaberá toľko miesta ako písmeno w. 
 Ak by ste radšej použili iné písmo namiesto predvoleného monospace, ktoré zobrazuje prehliadač, môžete ho stále zmeniť v šablónach so štýlmi a vybrať akékoľvek iné písmo, ktoré by ste chceli renderovať . 
 HTML5 
 Jedna vec, ktorú treba mať na pamäti, je to, že v HTML5, atribút "šírka" už nie je podporovaný pre element 
. V jazyku HTML 4.01 bola šírka špecifikovaná ako počet znakov, ktoré by obsahoval riadok, ale toto bolo zrušené pre HTML5 a ďalšie. 

 Upravený Jeremy Girard dňa 2/2/17