Keď pridáte text do kódu HTML pre webovú stránku, povedzme v elemente odseku, nemáte takmer žiadnu kontrolu nad tým, kde sa tieto riadky textu zlomia, alebo medzi riadkami, ktoré sa použijú. Je to tak preto, lebo webový prehliadač bude text prenášať podľa potreby na základe oblasti, ktorá ho obsahuje. Toto zahŕňa responzívne weby, ktoré budú mať veľmi plynulé usporiadanie, ktoré sa mení na základe veľkosť obrazovky slúži na prezeranie stránky. Hneď ako text HTML ukončí riadok, v ktorom je to potrebné, ukončí ho. Prehliadač nakoniec hrá dôležitejšiu úlohu pri určovaní toho, ako sa text zlomí, ako vy.
Pokiaľ ide o pridanie medzier na vytvorenie určitého formátu alebo rozloženia, HTML nerozpozná medzery, ktoré sú pridané do kódu, vrátane medzerníka, tabulátora alebo návratov znakov. Ak medzi jedno slovo a slovo, ktoré nasleduje po ňom, vložíte dvadsať medzier, prehľadávač tam vykreslí iba jednu jedinú medzeru. Toto je známe ako kolaps prázdnych miest a je to vlastne jeden z konceptov HTML, s ktorým spočiatku zápasí veľa nových v priemysle. Očakávajú, že medzery HTML budú fungovať tak, ako to funguje v programe, ako je Microsoft Word, ale tak to medzery HTML vôbec nefunguje.
Vo väčšine prípadov je bežné zaobchádzanie s textom v ľubovoľnom dokumente HTML presne to, čo potrebujete, ale v iných V niektorých prípadoch budete pravdepodobne chcieť mať väčšiu kontrolu nad tým, ako presne medzery textu prebiehajú a kde sa zlomia riadky. Toto sa nazýva predformátovaný text (inými slovami, diktujete formát). Pomocou kódu HTML môžete na svoje webové stránky pridať vopred naformátovaný text.
Pomocou
OznačiťPred mnohými rokmi bolo bežné vidieť webové stránky s blokmi predformátovaného textu. Pomocou
Značka na definovanie sekcií stránky naformátovaná samotným písaním bola pre webových dizajnérov rýchly a ľahký spôsob, ako dosiahnuť, aby sa text zobrazil tak, ako by chcel. Bolo to pred vznikom CSS pre rozloženie, keď sa weboví dizajnéri naozaj zasekli a snažili sa vynútiť rozloženie pomocou tabuliek a iných metód iba pre 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 vykreslením HTML.Dnes sa táto značka až tak nepoužíva, pretože CSS nám umožňuje diktovať vizuálne štýly oveľa efektívnejším spôsobom ako skúšaním vnucovať vzhľad do nášho HTML a pretože webové štandardy diktujú jasné oddelenie štruktúry (HTML) a štýlov (CSS). Stále sa však môžu vyskytnúť prípady, keď má vopred naformátovaný text zmysel, napríklad pre poštovú adresu, ktorú chcete vynútiť zalomenia riadkov alebo pre príklady poézie, kde zalomenie riadkov je nevyhnutné pre čítanie a celkový tok textu obsah.
Existuje jeden spôsob, ako používať HTML
značka:Typické HTML zbalí biele miesto v dokumente. To znamená, že návraty vozíka, medzery a znaky tabulátora použité v tomto texte by boli zbalené do jednej medzery. Ak by ste napísali vyššie uvedený citát do typickej značky HTML, ako je značka p (odsek), skončili by ste s jedným riadkom textu, napríklad takto:
Twas brillig and the slithey toves Did Gyre and gimble in the wabe.
Predbežná značka ponecháva medzery tak, ako sú. Takže pri vykresľovaní tohto obsahu v prehliadači sú zachované zlomy riadkov, medzery a karty. Uvedenie ponuky do vnútra a
značka pre ten istý text by mala za následok toto zobrazenie:Boli to brillig a slithey toves
Gyre a hrýzť
v
the
tampónPokiaľ ide o písma
The
Značka nestačí len na udržiavanie medzier a zlomov pre text, ktorý napíšete. Vo väčšine prehľadávačov je napísaný jednopriestorovým písmom. Vďaka tomu majú znaky v texte rovnakú šírku. Inými slovami, písmeno i zaberá toľko miesta ako písmeno w.Ak chcete namiesto predvoleného jednopriestorového písma, ktoré zobrazuje prehľadávač, použiť iné písmo, môžete to pomocou neho zmeniť štýly a vyberte ľubovoľný iný písmo chcete, aby sa text vykreslil.
HTML5
Je potrebné pamätať na to, že v kóde HTML5 už atribút „width“ nie je podporovaný
element. V HTML 4.01 šírka určovala počet znakov, ktoré by riadok obsahoval, ale pre HTML5 a ďalej bol tento znak zrušený.