Cum se utilizează eticheta HR pentru un document web
Eticheta HR a fost folosită în mod tradițional pentru a adăuga o linie orizontală (uneori numită regulă orizontală) unui document web. Pentru a adăuga o linie, tastați:
pentru a instrui browserul să deseneze o linie pe întreaga lățime a paginii sau a elementului părinte folosind setările implicite. Această linie implicită este simplă și, deseori, servește scopului acesteia, însă pot fi atribuite atribute pentru a schimba mărimea, culoarea și poziția liniei printre alte caracteristici. Metoda de modificare a aspectului liniei orizontale a fost modificată între HTML4 și HTML5 .
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ă și 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 ar putea fi atribuit atribute simple, inclusiv "aliniere", "lățime" și "noshade". Alinierea ar putea fi setată la stânga, la centru, la dreapta sau la justificare. Lățimea a ajustat lățimea liniei orizontale de la valorile prestabilite de 100% care au extins linia de-a lungul paginii. Atributul noshade a conferit o linie de culoare solidă în locul unei culori umbrite. Aceste atribute sunt învechite în HTML5 și ar trebui să utilizați CSS pentru a-ți personaliza etichetele HR în HTML5. De exemplu, în HTML 4:
generează o linie orizontală cu o înălțime de 10 pixeli.
Folosind CSS cu HTML5, o linie orizontală care are o înălțime de 10 pixeli este denumită:
Folosind CSS pentru a vă modela linia orizontală vă oferă o mulțime de libertate în proiectarea paginii dvs. web. Puteți vedea mai multe exemple de stiluri pentru etichetele HR în acest stil, articolul HR Tag . Numai stilurile de lățime și înălțime 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.