Ako používať značku HR pre webový dokument
Značka HR sa tradične používa na pridanie horizontálnej čiary (niekedy nazývanej horizontálne pravidlo) do webového dokumentu. Ak chcete pridať riadok, zadáte:
, aby inštruoval prehliadač, aby pomocou predvolených nastavení nakreslil riadok v celej šírke stránky alebo nadradeného prvku. Táto predvolená riadka je jednoduchá a často slúži jej účelu, ale je možné priradiť atribúty na zmenu veľkosti, farby a pozície línie medzi ostatné charakteristiky. Spôsob úpravy vzhľadu horizontálnej čiary sa zmenil medzi HTML4 a HTML5 .
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 sa značke HR môžu priradiť jednoduché atribúty vrátane "zarovnať", "šírka" a "noshade". Zarovnanie by mohlo byť nastavené na ľavú, strednú, pravú alebo zdôvodnenú. Šírka nastavila šírku vodorovnej čiary z predvolených 100 percent, ktorá rozšírila riadok na stránku. Atribút noshade vykresli tuhú farebnú čiaru namiesto tieňovanej farby. Tieto atribúty sú zastarané v jazyku HTML5 a mali by ste používať CSS na štýl svojich značiek HR v HTML5. Napríklad v jazyku HTML 4:
generuje vodorovnú čiaru s výškou 10 pixelov.
Pomocou CSS s HTML5 je horizontálna čiara s výškou 10 pixelov štylizovaná:
Použitie CSS na štýl vašej horizontálnej línie vám dáva veľa voľnosti pri navrhovaní vašej webovej stránky. Môžete vidieť veľa príkladov štýlov pre HR značky v tomto štýle HR Tag článok. Len štýly šírky a výšky sú konzistentné vo všetkých prehliadačoch, takže pri používaní iných štýlov môžu byť potrebné niektoré pokusy a chyby. Predvolená šírka je vždy 100% šírky webovej stránky alebo nadradeného prvku. Predvolená výška pravidla je dva pixely.