Jak používat značku HR pro webový dokument
Značka HR se tradičně používá k přidání vodorovného řádku (někdy nazývaného horizontální pravidlo) do webového dokumentu. Chcete-li přidat řádek, zadejte:
instruovat prohlížeč, aby pomocí výchozího nastavení nakreslil čáru v celé šířce stránky nebo nadřazeného prvku. Tato výchozí položka je jednoduchá a často slouží k jejímu účelu, ale mohou být přiděleny atributy pro změnu velikosti, barvy a pozice linky mezi další charakteristiky. Způsob úpravy vzhledu horizontální čáry změněn mezi HTML4 a HTML5 .
Je HR značka sémantická?
V HTML4 značka HR nebyla sémantická. Sémantické prvky popisují jejich význam ve smyslu prohlížeče a vývojář může snadno pochopit. Značka HR byla jen způsob, jak přidat do dokumentu jednoduchou čáru, kam chcete. Styling pouze horní nebo dolní okraj prvku, kde chcete, aby se čára objevila, umístila vodorovnou čáru v horní nebo spodní části prvku, ale obecně se značka HR pro tento účel snadněji používala.
Počínaje HTML5 se značka HR stala sémantickou a nyní definuje tematický zlomek na úrovni odstavce, což je přerušení toku obsahu, který nezaručuje novou stránku ani jiný silnější oddělovač - jde o změnu tématu . Můžete například najít značku HR po změně scény v příběhu nebo může znamenat změnu tématu v referenčním dokumentu.
HR atributy v jazycích HTML4 a HTML5
V HTML4 může být značce HR přiděleno jednoduché atributy včetně "zarovnání", "šířka" a "noshade". Zarovnání by mohlo být nastaveno na levé, středové, pravé nebo ospravedlněné. Šířka upravila šířku vodorovné čáry z výchozího 100 procent, která prodloužila čáru přes stránku. Atribut noshade vykreslil tuhou barevnou čáru místo stínované barvy. Tyto atributy jsou v HTML5 zastaralé a měli byste použít CSS ke stylu vašich HR tagů v HTML5. Například v HTML 4:
generuje vodorovnou čáru o výšce 10 pixelů.
Pomocí CSS s HTML5 je vodorovná čára o výšce 10 pixelů navržena tak, aby:
Použití CSS pro stylování horizontální čáry vám dává spoustu volnosti při navrhování webové stránky. Mnoho příkladů stylů pro značky HR naleznete v tomto článku ve stylu HR Tag . Pouze styly šířky a výšky jsou konzistentní ve všech prohlížečích, takže při použití jiných stylů může být zapotřebí určitá zkušební a chyba. Výchozí šířka je vždy 100% šířky webové stránky nebo nadřazeného prvku. Výchozí hodnota pravidla je dva pixely.