Dodavanje vodoravnih linija za razbijanje sadržaja na stranici

Kako koristiti HR oznaku za web-dokument

HR oznaka tradicionalno se koristi za dodavanje vodoravne crte (ponekad zvane horizontalna pravila) u web dokument. Da biste dodali liniju, upišete:


da biste uputili preglednik da crta liniju preko cijele širine stranice ili roditeljskog elementa pomoću zadanih postavki. Ova zadana linija je jednostavna i često služi svojoj svrsi, ali se atributi mogu dodijeliti za promjenu veličine, boje i položaja linije među ostalim karakteristikama. Način izmjene izgleda vodoravne linije izmijenjen je između HTML4 i HTML5 .

Je li semantika HR oznake?

U HTML4, HR oznaka nije bila semantička. Semantički elementi opisuju svoje značenje u smislu preglednika i razvojni programer može lako razumjeti. HR oznaka je samo način da dodate jednostavnu liniju dokumentu gdje god želite. Oblikovanje samo gornje ili donje granice elementa u kojem ste željeli da se crta pojavljuje smještena je vodoravna crta na vrhu ili dnu elementa, ali općenito je HR oznaka jednostavnija za tu svrhu.

Počevši od HTML5, HR oznaka postala je semantička, a sada definira tematsku prazninu na razini odlomka, što predstavlja prekid tijeka sadržaja koji ne jamči novu stranicu ili neki drugi čvršći graničar - to je promjena teme , Na primjer, možete pronaći HR oznaku nakon promjene scene u priči ili može ukazati na promjenu teme u referentnom dokumentu.

Atributa HR-a u HTML4 i HTML5

U HTML4, HR oznaku mogla bi se dodijeliti jednostavna atributa, uključujući "poravnanje", "širina" i "noshade". Poravnanje može biti postavljeno na lijevo, srednje, desno ili opravdano. Širina je prilagodila širinu vodoravne crte od zadanog 100 posto koji je proširio liniju preko stranice. Atribut noshade dali su solidnu liniju boja umjesto sjenive boje. Ti su atributi zastarjeli u HTML5 i trebali biste upotrebljavati CSS za stiliranje HR oznaka u HTML5. Na primjer, u HTML 4:


generira horizontalnu liniju s visinom od 10 piksela.

Upotrebljavajući CSS s HTML5, stiliziran je vodoravna crta visoke 10 piksela:


Korištenje CSS-a za stil vaše vodoravne linije daje vam veliku slobodu u oblikovanju vaše web stranice. Možete vidjeti mnoge primjere stilova za HR oznake u ovom članku Stil HR Tag . Samo stilovi širine i visine su dosljedni u svim preglednicima, pa bi neki pokušaji i pogreške mogli biti potrebni pri korištenju drugih stilova. Zadana širina je uvijek 100 posto širine web stranice ili roditeljskog elementa. Zadana visina pravila je dva piksela.