Vytváranie zlomov riadkov a odsekov pomocou značiek P & BR

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.

instagram viewer

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

Ľ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.