Vytvorenie riadkových prerušení a odsekov pomocou značiek P & BR

Pokiaľ ide o učenie jazyka HTML, dva značky, ktoré sa najčastejšie učí ľudia, sú označenia odstavca a značky, ktoré sú

a
resp. Tieto značky prinášajú prirodzené prestávky v texte, takže obsah vašej webovej stránky je ľahšie čitateľný. Zatiaľ čo tieto značky sú pomerne ľahko použiteľné, môžu tiež spôsobiť nejasnosti a zneužiť.

Správne používanie prvku odseku HTML

Prvok odseku

sa používa ako pár značiek s

tag otvorenie prvku a

tag zavretie. Pri písaní HTML4 alebo HTML5 sa koncová značka technicky nevyžaduje, ale považuje sa za najlepšiu prax zatvoriť túto značku. V XHTML, zatvorenie

je potrebné.

Prvok odstavca používate na webovej stránke rovnakým spôsobom ako pri písaní obsahu pre potreby mimo web - ak chcete začať nový nápad alebo bod. Väčšina prehliadačov zobrazuje odseky s prázdnym riadkom medzi nimi. Tu je vzorový odsek v jazyku HTML:

Teraz je čas, aby všetci dobrí ľudia prišli na pomoc svojej krajiny. Rýchla hnedá liška preskakovala lenivého spiaceho psa.

Mnoho ďalších značiek sa môže objaviť medzi prvými a záverečnými značkami odseku.

Správne použitie prvku prerušenia riadku HTML

Prvok prerušenia riadku
tag je značka singleton - nemá žiadnu koncovú značku. V značke XHTML musíte použiť značku s konečnou lomkou (
), ale v HTML (vrátane HTML5), nie je potrebné.

Prvok prerušenia je nútený prerušený riadok v textovom toku webovej stránky. Môžete ho použiť, ak chcete, aby text pokračoval na ďalšom riadku, ale obsah nie je samostatný nápad alebo bod, ktorý by z neho urobil ďalší odsek. Príklad tohto nastane v prípade poézie, kde sú zvyčajne opravené riadkové prestávky.

Tu je príklad prerušenia riadkov v odseku:

Teraz je čas, aby všetci dobrí ľudia prišli na pomoc svojej krajiny.
Rýchla hnedá liška preskakovala lenivého spiaceho psa.

Vzhľadom k tomu, že značka prerušenia riadku je značka singleton, v nej nemožno používať žiadne ďalšie značky.

Spoločné zneužitie

a
Tagy

Ľudia, ktorí sú noví pri kódovaní, robia pri označovaní webových stránok nejaké bežné chyby s prvkami odseku a čiarami.

• Použitím
  zmeniť dĺžku textového riadku: Použitie značky break v snahe nútiť text, aby sa objavil alebo zlomil určitým spôsobom, zabezpečuje, že vaše stránky vyzerajú skvele vo vašom prehliadači, ale nie nevyhnutne v inom prehliadači a rozhodne nie na všetkých zariadeniach. Ak vaša stránka je citlivá webová stránka, zmení jej rozloženie na základe rozdielnych veľkostí obrazovky. Prehliadač automaticky vloží balík slov, a potom, čo príde na
  tag, opätovne obalí text, čo má za následok krátke čiary a dlhé čiary a rozrušený text. Mali by ste použiť listy štýlov CSS na diktovanie vizuálnych štýlov namiesto toho, aby ste sa pokúšali vynútiť rozloženie pridaním konkrétnych prvkov HTML.
• Použitímna pridanie medzery medzi prvkami: Opäť sa točí na HTML, aby ste vytvorili vizuálne rozloženie, v tomto prípade medzery, namiesto použitia CSS. Toto je bežná prax niektorých editorov HTML a zatiaľ čo to nie je technicky zlé, výsledkom je nepríjemné HTML a môže byť mätúce na neskoršie úpravy. Rovnako nie je v súlade s webovými normami a oddelením štruktúry a štýlu. V niektorých prípadoch môže použitie neporušených priestorov vo vnútri inak prázdnych značiek odseku viesť k neočakávanému odstupu v rôznych prehliadačoch, pretože všetci sa zdá, že to interpretujú inak. Najlepším riešením na dosiahnutie rozstupových prvkov potrebných vo vašom dizajne je použitie listov štýlov.

Získajte viac informácií o týchto a ďalších značkách v tomto zozname značiek HTML.