Pokiaľ ide o výučbu jazyka HTML, dve značky, ktoré sa väčšina ľudí naučí skoro, sú značky pre zalomenie odseku a riadku, ktoré sú
a
resp. Tieto značky vkladajú do textu prirodzené medzery, aby bol obsah vašej webovej stránky ľahšie čitateľný. Aj keď sa tieto značky používajú pomerne ľahko, môžu tiež spôsobiť určitý zmätok a zneužitie.
Správne použitie prvku odseku HTML
Prvok odseku
sa používa ako dvojica značiek s
značka otvárajúca prvok a
značka zatvára. Pri písaní HTML4 alebo HTML5, koncová značka nie je technicky vyžadovaná, ale považuje sa za najlepší postup túto značku uzavrieť. V XHTML uzávierka je požadované.Element odseku na webe používate rovnako, ako pri písaní obsahu pre potreby mimo webu - keď chcete začať s novým nápadom alebo bodom. Väčšina prehľadávačov zobrazuje odseky s jedným prázdnym riadkom medzi nimi. Tu je ukážka odseku v HTML:
Teraz je čas, aby všetci dobrí muži prišli na pomoc svojej krajine. Rýchla hnedá líška preskočila lenivého spiaceho psa.
Medzi úvodnými a záverečnými značkami odsekov sa môže objaviť veľa ďalších značiek.
Správne použitie prvku HTML Break Break
Prvok zalomenia riadku
značka je a singleton tag - nemá koncovú značku. V XHTML musíte značku použiť s konečnou lomkou (
), ale v HTML (vrátane HTML5) sa nevyžaduje.
Prvkom prerušenia je vynútené prerušenie riadku v rámci toku textu webovej stránky. Používate ho, keď chcete, aby text pokračoval na ďalšom riadku, ale obsah nie je samostatným nápadom alebo bodom, ktorý by z neho urobil ďalší odsek. Príkladom toho je poézia, v ktorej sú zlomy riadkov zvyčajne pevné.
Tu je príklad prerušenia riadku vo vnútri odseku:
Teraz je čas, aby všetci dobrí muži prišli na pomoc svojej krajine.
Rýchla hnedá líška preskočila lenivého spiaceho psa.
Pretože značka zalomenia riadku je singletonová značka, nemožno v nej použiť žiadne ďalšie značky.
Bežné zneužívanie a
Značky
Značky
Ľudia, ktorí začínajú s programovaním, robia pri označovaní webovej stránky niektoré bežné chyby s prvkami odsekov a riadkov.
-
Použitím
zmeniť dĺžku textového riadku: Použitie značky break v snahe vynútiť, aby sa text zobrazil alebo zlomil špecifickým spôsobom, to zabezpečí vaše stránky vyzerajú skvele vo vašom prehliadači, ale nie nevyhnutne v inom prehliadači a už vôbec nie vo všetkých zariadenia. Ak je vaša stránka responzívny web, mení svoje rozloženie na základe rôznych veľkostí obrazovky. Prehliadač automaticky zalamuje slová a potom, keď príde na
značka, text sa zalomí znova, výsledkom budú krátke a dlhé riadky a trhaný text. Mali by ste použiť Šablóny štýlov CSS diktovať vizuálne štýly namiesto toho, aby ste sa snažili vynútiť rozloženie pridaním konkrétnych prvkov HTML. - Použitím pridať priestor medzi prvkami: Toto sa opäť obracia na HTML, aby sa namiesto použitia CSS vytvorilo vizuálne rozloženie, v tomto prípade medzery. Toto je bežná prax niektorých editorov HTML, a hoci to nie je technicky nesprávne, vedie to k nepríjemne vyzerajúcemu HTML a pri neskoršej úprave môže byť mätúce. Nie je to ani v súlade s webovými štandardmi a oddelením štruktúry a štýlu. V niektorých prípadoch pomocou neporušenia medzery vo vnútri inak prázdnych značiek odsekov môžu mať za následok neočakávané medzery v rôznych prehľadávačoch, pretože sa zdá, že všetky si to interpretujú odlišne. Najlepším riešením na dosiahnutie rozstupových prvkov potrebných pri návrhu je použitie štýlov.