HR oznaka se koristi u web dokumentima za prikaz vodoravne crte preko stranice ili se ponekad naziva horizontalnim pravilom. Za razliku od nekih oznaka, ovo ne treba zatvaranje oznake, pa sve što morate učiniti je tip za umetanje crte.
Crta se proteže po cijeloj širini stranice i nosi sa sobom neke zadane atribute za opisivanje debljine, lokacije i boje linije, ali možete ih promijeniti ako želite.
Možete urediti značajke vodoravne linije u HTML5 dokumentu uređivanjem stranice CSS-a. HTML4 horizontalne linije promijenjene su na HTML strani dokumenta.
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 tematske razbijanje 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 oznakama mogu se dodijeliti jednostavni atributi, uključujući uskladiti, širinu, i noshade , Poravnanje se može postaviti na lijevo , centar , pravo ili opravdati , Širina podešava širinu vodoravne linije od zadanog 100 posto koji proširuje liniju preko stranice. noshade atribut čini čvrstu liniju boje umjesto sjenčane boje.
Ti su atributi zastarjeli u HTML5. Umjesto toga, trebali biste upotrebljavati CSS za stiliranje HR oznaka u HTML5 dokumentima.
Ovo je HTML5 primjer stiliziranja vodoravne linije visoke 10 piksela korištenjem inline CSS (stilovi umetnuti izravno u dokument uz HTML):
Drugi način stiliziranja vodoravnih linija u HTML5 jest korištenje posebne CSS datoteke i povezivanje s HTML dokumentom. U CSS datoteci biste napisali ovako oblik: hr {visina: 10px}
Isti učinak u HTML4 zahtijeva dodavanje atributa u HTML sadržaj. Evo kako promijeniti veličinu vodoravne linije pomoću veličina atribut:
Postoji mnogo više slobode u oblikovanju vodoravnih linija u CSS u odnosu na HTML. Samo širina i visina stilovi 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.
