Pokud jde o výuku HTML, dvě značky, které se většina lidí naučí brzy, jsou značky odstavců a řádků, které jsou
a
resp. Tyto značky vkládají do textu přirozené zlomy, takže je obsah vaší webové stránky čitelnější. I když jsou tyto značky poměrně snadno použitelné, mohou také způsobit určité nejasnosti a zneužití.
Správné použití prvku odstavce HTML
Prvek odstavce
se používá jako dvojice značek s
značka otevírající prvek a
značka uzavírá. Při psaní HTML4 nebo HTML5, koncová značka není technicky nutná, ale uzavření této značky se považuje za nejlepší postup. V XHTML závěrečná je požadováno.Prvek odstavce na webu používáte stejně, jako když píšete obsah pro potřeby mimo web - když chcete zahájit nový nápad nebo bod. Většina prohlížečů zobrazuje odstavce s jedním prázdným řádkem mezi nimi. Zde je ukázkový odstavec v HTML:
Nyní je čas, aby všichni dobří muži přišli na pomoc své zemi. Rychlá hnědá liška přeskočila přes líného spícího psa.
Mezi úvodními a závěrečnými značkami odstavců se může objevit mnoho dalších značek.
Správné použití prvku zalomení řádku HTML
Prvek zalomení řádku
značka je singleton tag - nemá žádnou koncovou značku. V XHTML musíte značku použít s konečným lomítkem (
), ale v HTML (včetně HTML5) není vyžadován.
Prvek zalomení je vynucené zalomení řádku v toku textu webové stránky. Používáte jej, když chcete, aby text pokračoval na dalším řádku, ale obsah není samostatným nápadem nebo bodem, který by z něj udělal další odstavec. Příkladem toho je poezie, kde jsou zalomení řádků obvykle pevná.
Zde je příklad zalomení řádku uvnitř odstavce:
Nyní je čas, aby všichni dobří muži přišli na pomoc své zemi.
Rychlá hnědá liška přeskočila přes líného spícího psa.
Protože značka pro zalomení řádku je samostatná značka, nelze v ní použít žádné další značky.
Běžné zneužití a
Značky
Značky
Lidé, kteří začínají s kódováním, dělají při označování webové stránky některé běžné chyby s prvky odstavců a konců řádků.
-
Použitím
změnit délku textového řádku: Použití značky break ve snaze vynutit, aby se text zobrazil nebo konkrétně zlomil, to zajišťuje vaše stránky vypadají ve vašem prohlížeči skvěle, ale ne nutně v jiném prohlížeči a určitě ne ve všech zařízení. Pokud je váš web responzivní web, mění své rozložení na základě různých velikostí obrazovky. Prohlížeč automaticky vkládá zalamování slov a poté, co se týká
tag, zabalí text znovu, což má za následek krátké a dlouhé řádky a trhaný text. Měli byste použít Šablony stylů CSS diktovat vizuální styly místo toho, abyste se snažili vynutit rozložení přidáním konkrétních prvků HTML. - Použitím přidat mezeru mezi prvky: Opět se obracíme na HTML, abychom místo použití CSS vytvořili vizuální rozložení, v tomto případě mezery. Toto je běžná praxe některých editorů HTML, a i když to není technicky špatné, výsledkem je trapně vypadající HTML a může být matoucí upravit později. Rovněž to není v souladu s webovými standardy a oddělením struktury a stylu. V některých případech pomocí neporušování mezery uvnitř jinak prázdných značek odstavců může dojít k neočekávaným mezerám v různých prohlížečích, protože se zdá, že to všechny interpretují odlišně. Nejlepším řešením pro dosažení roztečových prvků potřebných ve vašem návrhu je použití stylů.