Značka HR se v webových dokumentech používá k zobrazení horizontální čáry na stránce nebo někdy nazývané horizontální pravidlo. Na rozdíl od některých značek to nepotřebuje zavírací značku, takže vše, co musíte udělat, je zadat pro vložení řádku.
Řádek se táhne přes celou šířku stránky a nese s sebou některé výchozí atributy, které popisují tloušťku, umístění a barvu čáry, ale pokud chcete, můžete tato nastavení změnit.
Vlastnosti horizontální čáry můžete upravit v dokumentu HTML5 úpravou CSS stránky. Horizontální čáry HTML4 byly změněny na straně HTML dokumentu.
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 nebo jiný silnější oddělovač - je to změna 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 lze značce HR přiřadit jednoduché atributy včetně zarovnat, šířka, a noshade . Zarovnání lze nastavit na vlevo, odjet , centrum , že jo nebo ospravedlnit . Šířka upravuje šířku vodorovné čáry z výchozího 100 procent, která rozšiřuje řádek přes stránku. The noshade atribut vykreslí barevnou čáru namísto stínované barvy.
Tyto atributy jsou v HTML5 zastaralé. Nyní byste měli použít CSS ke stylizování značek HR v dokumentech HTML5.
Jedná se o HTML5 příklad stylizace vodorovného řádku o výšce 10 pixelů pomocí inline CSS (styly vložené přímo do dokumentu spolu s HTML):
Dalším způsobem, jak stylizovat vodorovné čáry v HTML5, je použít samostatný soubor CSS a odkaz na něj z dokumentu HTML. V souboru CSS byste psali tento styl takto: hr {výška: 10px}
Stejný efekt v HTML4 vyžaduje, abyste do obsahu HTML přidali atribut. Zde je návod, jak změnit velikost horizontální čáry s velikost atribut:
Ve stylingu horizontálních čar ve verzi CSS versus HTML je mnohem více svobody. Pouze šířka a výška styly jsou konzistentní ve všech prohlížečích, takže při použití jiných stylů může být potřeba určitá zkušební verze 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.
