Vytváření řádkových přestávek a odstavců pomocí značek P & BR

Pokud jde o učení se 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 přinesly přirozené přestávky ve vašem textu, takže obsah vaší webové stránky je snadnější číst. Zatímco tyto značky jsou poměrně snadno použitelné, mohou také způsobit určitý zmatek a zneužít.

Správné použití prvku odstavce HTML

Prvek odstavce

se používá jako dvojice tagů s

tag otevření prvku a

značka ji zavřela. Při psaní HTML4 nebo HTML5 není koncová značka technicky požadována, ale považuje se za nejlepší postup, jak tuto značku zavřít. V XHTML, zavření

je požadováno.

Používáte prvek odstavce na webu stejně jako při psaní obsahu pro potřeby mimo web - když chcete začít nový nápad nebo bod. Většina prohlížečů zobrazuje odstavce s prázdným řádkem. Zde je ukázkový odstavec v HTML:

Nyní je čas, aby všichni dobří muži přišli na pomoc své země. Rychlá hnědá liška skočila nad líný spící pes.

Mnoho dalších značek se může objevit mezi značkami otevření a zavírání odstavců.

Správné použití prvku Break Break Line

Prvek přerušení čáry
tag je značka singleton - nemá značku konce. V XHTML musíte použít značku s konečnou lomítko (
), ale v HTML (včetně HTML5), není nutné.

Prvek přerušení je přerušovanou čárou v textovém toku webové stránky. Používáte jej, když chcete, aby text pokračoval na dalším řádku, ale obsah není samostatný nápad ani bod, což by znamenalo další odstavec. Příkladem toho se jedná o poezii, kde jsou obvykle odstraněny řádky.

Zde je příklad přerušení řádku uvnitř odstavce:

Nyní je čas, aby všichni dobří muži přišli na pomoc své země.
Rychlá hnědá liška skočila nad líný spící pes.

Vzhledem k tomu, že značka přerušení čáry je značka značky singleton, v ní nelze použít žádné jiné značky.

Společné zneužívání

a
Tagy

Lidé noví k kódování dělají některé časté chyby s prvky odstavce a čáry při označování webové stránky.

• Použitím
  změna délky textového řádku: Použití značky break v pokusu přinutit text, aby se objevil nebo zlomil určitým způsobem zajistí, že vaše stránky vypadají skvěle v prohlížeči, ale ne nutně v jiném prohlížeči a rozhodně ne na všech zařízeních. Pokud je váš web citlivým webem, změní jeho rozvržení na základě různých velikostí obrazovky. Prohlížeč automaticky vkládá do obálky slov, a pak pokud jde o
  tag, zase obtéká text, což vede k krátkým čarám a dlouhým čarám a trhanému textu. Chcete-li diktovat vizuální styly místo toho, abyste se snažili roztáhnout rozložení přidáním konkrétních prvků HTML, měli byste používat listy stylů CSS.
• Použitímpřidat prostor mezi prvky: Znovu se točí na HTML, aby se vytvořilo vizuální rozložení, v tomto případě místo, místo použití CSS. To je běžná praxe některých editorů HTML, a přestože to není technicky špatné, vede to k neohrabanému HTML a může být matoucí k pozdější úpravě. Rovněž není v souladu s webovými standardy a oddělením struktury a stylu. V některých případech může použití neporušených prostorů uvnitř jinak prázdných značek odstavce způsobit neočekávané rozestupy v různých prohlížečích, protože všichni se zdají interpretovat jinak. Nejlepším řešením pro dosažení rozestupů potřebných v návrhu je použití stylových listů.

Další informace o těchto a dalších značkách naleznete v tomto seznamu značek HTML.