Značka HR sa v webových dokumentoch používa na zobrazenie vodorovnej čiary na celej stránke alebo niekedy nazývanej horizontálne pravidlo. Na rozdiel od niektorých značiek nepotrebuje toto uzatváraciu značku, takže všetko, čo musíte urobiť, je zadávať na vloženie riadku.
Linka sa rozkladá po celej šírke stránky a nesie s ňou niektoré predvolené atribúty, ktoré popisujú hrúbku, umiestnenie a farbu čiary, ale tieto nastavenia môžete zmeniť, ak chcete.
Vlastnosti horizontálnej čiary môžete upraviť v dokumente HTML5 úpravou CSS stránky. Horizontálne riadky HTML4 boli zmenené na strane HTML dokumentu.
Je HR sémantický?
V HTML4 značka HR nebola sémantická. Sémantické prvky opisujú svoj význam v zmysle prehliadača a vývojár môže ľahko pochopiť. Značka HR bola len spôsob, ako pridať jednoduchý riadok k dokumentu, nech ste ho chceli. Styling iba horný alebo spodný okraj elementu, kde chcete, aby sa čiara zobrazila, umiestnila vodorovnú čiaru v hornej alebo dolnej časti elementu, ale všeobecne sa táto značka HR na tento účel jednoduchšie používala.
Začiatok s HTML5 sa značka HR stala sémantickou a teraz definuje tematickú prestávku na úrovni odseku, čo je prerušenie toku obsahu, ktorý nezaručuje novú stránku alebo iný silnejší oddeľovač - ide o zmenu témy. Môžete napríklad nájsť značku HR po zmene scény v príbehu alebo môže indikovať zmenu témy v referenčnom dokumente.
HR Atribúty v HTML4 a HTML5
V HTML4 môže byť značke HR priradené jednoduché atribúty vrátane zarovnať, šírka, a noshade , Zarovnanie môže byť nastavené na ľavý , centrum , správny alebo ospravedlniť , Šírka nastavuje šírku vodorovnej čiary z predvolenej 100 percent, ktorá rozširuje riadok na stránku. noshade atribút robí tuhú farebnú čiaru namiesto tieňovanej farby.
Tieto atribúty sú v HTML5 zastarané. Namiesto toho by ste mali používať CSS na štýl svojich značiek HR v dokumentoch HTML5.
Toto je HTML5 príklad stylizácie vodorovnej čiary vo výške 10 pixelov pomocou inline CSS (štýly vložené priamo do dokumentu spolu s HTML):
Ďalším spôsobom, ako štylizovať horizontálne čiary v jazyku HTML5, je použiť samostatný súbor CSS a prepojiť ho s dokumentom HTML. V súbore CSS by ste napísali štýl takto: hr {výška: 10px}
Rovnaký účinok v jazyku HTML4 vyžaduje, aby ste do obsahu HTML pridali atribút. Tu je postup, ako zmeniť veľkosť vodorovnej čiary s veľkosť atribút:
Vo štýle horizontálnych línií v CSS versus HTML je oveľa viac slobody. Len šírka a výška štýly sú konzistentné vo všetkých prehliadačoch, takže niektoré pokusy a chyby môžu byť potrebné pri používaní iných štýlov. Predvolená šírka je vždy 100% šírky webovej stránky alebo nadradeného prvku. Predvolená výška pravidla je dva pixely.
