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 HTML
Použitie štítok
Pred mnohými rokmi bývalo bežné vidieť webové stránky s blokmi predformátovaného textu. Použitie
pre tag pre definovanie sekcií stránky ako formátované samotným písaním bol pre projektantov webových stránok rýchly a jednoduchý spôsob, ako dostať text na zobrazenie 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ť HTML
tag:
Dvojnásobne skvelé a úžasné
Dievčatá a gimble
v
Spoločnosť 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 do a pre značka pre ten istý text by mala za následok toto zobrazenie: Dvojnásobne skvelé a úžasné Dievčatá a gimble v Spoločnosť WABE pre tag viac než len udržiavať medzery a prestávky pre text, ktorý napíšete. 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ť. Jedna vec, ktorú treba mať na pamäti, je, že v jazyku HTML5 sa atribút "šírka" už nepodporuje Upravený Jeremy Girard dňa 2/2/17 Čo sa týka písma
HTML5
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.
