Eticheta HR este utilizată în documentele web pentru a afișa o linie orizontală pe pagină, sau uneori numită o regulă orizontală. Spre deosebire de unele etichete, acesta nu are nevoie de o etichetă de închidere, deci tot ce trebuie să faceți este să tastați pentru a introduce linia.
Linia se întinde pe întreaga lățime a paginii și poartă cu ea anumite atribute implicite pentru a descrie grosimea, locația și culoarea liniei, dar puteți schimba aceste setări dacă doriți.
Puteți edita caracteristicile liniei orizontale într-un document HTML5 editând CSS-ul paginii. Liniile orizontale HTML4 au fost modificate pe partea HTML a documentului.
Este semnul HR Semantic?
În HTML4, eticheta HR nu a fost semantică. Elementele semantice descriu sensul lor în termeni de browser și dezvoltatorul poate înțelege cu ușurință. Eticheta HR a fost doar o modalitate de a adăuga o linie simplă unui document oriunde v-ați dorit. Styling numai marginea de sus sau de jos a elementului în cazul în care doriți ca linia să apară plasat o linie orizontală în partea de sus sau de jos a elementului, dar, în general, eticheta HR a fost mai ușor de utilizat în acest scop.
Începând cu HTML5, eticheta HR a devenit semantică, iar acum definește o pauză tematică la nivel de paragraf, care reprezintă o pauză în fluxul conținutului care nu justifică o pagină nouă sau un alt delimiter mai puternic - este o schimbare de subiect. De exemplu, ați putea găsi o etichetă HR după o schimbare de scenă într-o poveste sau poate indica o schimbare de subiect într-un document de referință.
Atributul HR în HTML4 și HTML5
În HTML4, tag-ul HR poate fi atribuit atribute simple, inclusiv aliniere, lățime, și noshade . Alinierea poate fi setată la stânga , centru , dreapta sau justifica . Lățimea ajustează lățimea liniei orizontale de la valoarea prestabilită de 100% care extinde linia de-a lungul paginii. noshade atribuie o linie solidă de culoare în locul unei culori umbrite.
Aceste atribute sunt depășite în HTML5. În schimb, ar trebui să utilizați CSS pentru a-ți personaliza etichetele HR în documentele HTML5.
Acesta este un exemplu HTML5 de stilizare a liniei orizontale care să aibă o înălțime de 10 pixeli utilizând CSS inline (stilurile introduse direct în document împreună cu codul HTML):
Un alt mod de stilizare a liniilor orizontale în HTML5 este utilizarea unui fișier CSS separat și legarea acestuia de documentul HTML. În fișierul CSS, ați scrie stilul de genul: HR {Înălțime: 10px}
Același efect în HTML4 vă cere să adăugați un atribut conținutului HTML. Iată cum puteți modifica mărimea liniei orizontale cu mărimea atribut:
Există mult mai multă libertate în modelarea liniilor orizontale în CSS versus HTML. Doar lăţime și înălţime stilurile sunt compatibile în toate browserele, astfel încât pot fi necesare unele încercări și erori atunci când se utilizează alte stiluri. Lățimea prestabilită este întotdeauna 100 la sută din lățimea paginii web sau a elementului părinte. Înălțimea implicită a regulii este de 2 pixeli.
