Kako uporabljati oznako HR za spletni dokument
Oznaka HR se tradicionalno uporablja za dodajanje vodoravne črte (včasih imenovano horizontalno pravilo) v spletni dokument. Če želite dodati črto, vnesete:
, da boste brskalniku naročili, da črto po celotni širini strani ali nadrejenega elementa nariše s privzetimi nastavitvami. Ta privzeta vrstica je preprosta in pogosto služi svojemu namenu, vendar je mogoče dodeliti atribute, da spremenite velikost, barvo in položaj linije med drugimi značilnostmi. Metoda za spreminjanje videza vodoravne črte je bila spremenjena med HTML4 in HTML5 .
Je HR Tag Semantic?
V HTML4 HR oznaka ni bila semantična. Semantični elementi opisujejo njihov pomen v smislu brskalnika in lahko razvijalec zlahka razume. HR-oznaka je bila le način, kako dodati preprosto vrstico v dokument, kjer koli želite. Styling samo zgornji ali spodnji rob elementa, na katerem želite, da se vrstica pojavi, je postavila vodoravno črto na vrhu ali na dnu elementa, vendar je na splošno HR oznaka lažje uporabila za ta namen.
Začetek s HTML5 je HR-oznaka postala semantična in zdaj definira tematski prelom na ravni stopnje, kar je prelom v toku vsebine, ki ne upravičuje nove strani ali drugega močnejšega razmejitvenega razdelka - to je sprememba teme . Na primer, po spremembi scene v zgodbi lahko najdete oznako HR, ali pa lahko kaže na spremembo teme v referenčnem dokumentu.
HR Atributi v HTML4 in HTML5
V HTML4 je lahko oznaka HR dodeljena preprostim atributom, vključno z "poravnavo", "širino" in "noshado". Poravnava je lahko nastavljena na levo, sredino, desno ali upravičeno. Širina je nastavila širino vodoravne črte s privzetih 100 odstotkov, ki so razširili vrstico po strani. Atribut noshade je postal polno barvno črto namesto senčene barve. Ti atributi so zastareli v HTML5 in uporabite CSS za oblikovanje svojih HR oznak v HTML5. Na primer, v HTML 4:
ustvari vodoravno črto z višino 10 pikslov.
Uporaba CSS z HTML5 je horizontalna črta, ki je 10 slikovnih pik višja:
Uporaba CSS-a za oblikovanje vodoravne linije vam daje veliko svobode pri oblikovanju vaše spletne strani. V tem slogu si lahko ogledate številne primere slogov za HR oznake. V vseh brskalnikih so dosledni le širini in višini, zato je pri uporabi drugih slogov morda potrebno nekaj poskusov in napak. Privzeta širina je vedno 100 odstotkov širine spletne strani ali nadrejenega elementa. Privzeta višina pravila je dve sliki.