Dodavanje horizontalnih linija da se razbije sadržaj na stranici

Kako koristiti HR tag za web dokument

HR oznaka tradicionalno se koristi za dodavanje horizontalne linije (ponekad zvane horizontalno pravilo) na web dokument. Da biste dodali liniju, ukucate:


da uputite pretraživaču da povuče liniju preko cijele širine stranice ili roditeljskog elementa pomoću podrazumevanih postavki. Ova podrazumevana linija je jednostavna i često služi svojoj nameni, ali se atributi mogu dodijeliti za promjenu veličine, boje i položaja linije među drugim karakteristikama. Metoda modifikacije izgleda horizontalne linije promenjena je između HTML4 i HTML5 .

Da li je HR Tag Semantic?

U HTML4, HR tag nije bio semantičan. Semantički elementi opisuju njihovo značenje u smislu da pretraživač i programer mogu lako razumjeti. HR tag je bio samo način dodavanja jednostavne linije u dokument gde god želite. Stajanjem samo gornjoj ili donjoj ivici elementa u kome želite da se linija pojavljuje postavljena je horizontalna linija na vrhu ili dnu elementa, ali uopšte, HR tag je bio lakši za korištenje u tu svrhu.

Počevši od HTML5, HR tag postaje semantičan i sada definira tematsku pauzu na nivou paragrafa, što predstavlja prekid protoka sadržaja koji ne garantuje novu stranicu ili drugu jaču razdjelnika - to je promjena teme . Na primjer, možda ćete pronaći HR oznaku nakon promjene scene u priči ili može ukazati na promjenu teme u referentnom dokumentu.

HR Atributi u HTML4 i HTML5

U HTML4-u, HR oznaku se mogu dodeliti jednostavni atributi, uključujući "align", "width" i "noshade". Poravnanje može biti postavljeno na levo, centar, desno ili opravdati. Širina je podesila širinu horizontalne linije od podrazumevanih 100 posto što je proširilo liniju preko stranice. Atribut noshade je napravio solidnu liniju boje umesto zasenčene boje. Ovi atributi su zastarjeli u HTML5 i trebali biste koristiti CSS da biste stvorili svoje HR oznake u HTML5. Na primjer, u HTML-u 4:


generiše horizontalnu liniju visine od 10 piksela.

Koristeći CSS sa HTML5, horizontalna linija visoka 10 piksela je stilizirana:


Korišćenje CSS-a za stajanjem vaše horizontalne linije daje vam puno slobode u dizajniranju vaše web stranice. Možete videti mnoge primere stilova za HR oznake u ovom članku HR Tag tag . Samo širi i visinski stilovi su konzistentni u svim pretraživačima, tako da su možda neki probni i greški prilikom korišćenja drugih stilova. Podrazumevana širina je uvek 100 procenata širine web stranice ili roditeljskog elementa. Podrazumevana visina pravila je dva piksela.