HR-oznaka se uporablja v spletnih dokumentih za prikaz vodoravne črte na strani ali včasih tudi za vodoravno pravilo. Za razliko od nekaterih oznak, ta ne potrebuje zapiralne oznake, zato je vse, kar morate storiti, vnesite vstaviti črto.
Linija se razteza po celotni širini strani in s tem nosi nekaj privzetih atributov, ki opisujejo debelino, lokacijo in barvo linije, vendar jih lahko spremenite, če želite.
Značilnosti vodoravne črte lahko uredite v dokumentu HTML5 z urejanjem CSS strani. Horizontalne črte HTML4 so bile spremenjene na strani HTML dokumenta.
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.
Od HTML5 je HR-oznaka postala semantična in sedaj definira tematski prelom na ravni stopnje, kar je prelom v toku vsebine, ki ne upravičuje nove strani ali drugega močnejšega ločila - 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 se oznaki HR lahko dodeli preprost atribut, vključno z poravnava, širina, in noshade . Poravnavo lahko nastavite na levo , center , prav ali upravičiti . Širina prilagodi širino vodoravne črte od privzetega 100 odstotkov, ki razširja vrstico po strani. The noshade Atribut postane trdna barvna črta namesto senčene barve.
Ti atributi so zastareli v HTML5. Namesto tega uporabite CSS za oblikovanje svojih HR oznak v dokumentih HTML5.
To je primer HTML5 za oblikovanje vodoravne črte v višini 10 slikovnih pik z uporabo CSS (slogi, vstavljeni neposredno v dokument skupaj z HTML-jem):
Drug način za stiliziranje vodoravnih črt v HTML5 je uporaba ločene datoteke CSS in povezava z njim iz dokumenta HTML. V datoteki CSS bi napisali stil, kot je ta: hr {višina: 10px}
Enak učinek v HTML4 zahteva, da dodate atribut vsebini HTML. Tukaj je kako spremeniti velikost vodoravne črte z velikost atribut:
Veliko več svobode pri oblikovanju horizontalnih vrstic v CSS v primerjavi z HTML-jem. Samo premer in višina slogi so skladni v vseh brskalnikih, 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.
