Noul HTML5
SECȚIUNE element poate fi oarecum confuz. Dacă ați construit documente HTML înainte de HTML5, este posibil să utilizați deja elementul pentru a crea diviziuni structurale în paginile dvs. și apoi pentru a modela paginile cu ele. Deci, ar putea părea un lucru firesc să vă înlocuiți pur și simplu existența
DIV elemente cu
SECȚIUNE elemente. Dar acest lucru este tehnic incorect. Deci, dacă nu înlocuiți doar
DIV elemente cu
SECȚIUNE elemente, cum le folosiți corect?
Elementul SECTION este un element Semantic
Primul lucru de înțeles este că
SECȚIUNE elementul este un element semantic. Acest lucru înseamnă că furnizează înțeles atât utilizatorilor, cât și oamenilor, despre conținutul inclus - în special o secțiune a documentului.
Aceasta poate părea o descriere semantică foarte generală, și asta pentru că este. Există și alte elemente HTML5 care oferă mai multe distincții semantice conținutului pe care ar trebui să îl utilizați mai întâi înainte de a utiliza
SECȚIUNE element:
-
ARTICOL
-
DEOPARTE
-
NAV
Când să utilizați elementul SECTION
Folosește
ARTICOL atunci când conținutul este o parte independentă a site-ului, care poate să stea singură și să fie sindicalizat ca un articol sau post de blog. Folosește
DEOPARTE atunci când conținutul este legat tangențial fie de conținutul paginii, fie de site-ul însuși, cum ar fi barele laterale, adnotările, notele de subsol sau informațiile asociate site-ului. Folosește
NAV element pentru conținutul care este navigarea.
SECȚIUNE element este un element semantic generic. Îl utilizați atunci când nici unul dintre celelalte elemente semantice ale containerului nu este adecvat. Utilizați-l pentru a combina porțiuni ale documentului împreună în unități discrete pe care le puteți descrie ca fiind legate într-un fel. Dacă nu puteți descrie elementele din secțiune în una sau două propoziții, probabil că nu ar trebui să utilizați elementul.
În schimb, ar trebui să utilizați
DIV element.
DIV element în HTML5 este un element container non-semantic. Dacă conținutul pe care încercați să îl combinați nu are o semnificație semantică, dar tot trebuie să îl combinați pentru stil, apoi
DIV este elementul adecvat de utilizat.
Cum functioneaza elementul SECTION
O secțiune a documentului dvs. poate apărea ca container extern pentru articole și
DEOPARTE elemente. Poate conține și conținut care nu face parte dintr-un
ARTICOL sau
DEOPARTE. A
SECȚIUNE element poate fi găsit și în interiorul unui
ARTICOL,
NAV, sau
DEOPARTE. Poți chiar să cuipeți secțiuni pentru a indica faptul că un grup de conținut este o secțiune dintr-un alt grup de conținut care este o secțiune a unui articol sau o pagină în ansamblu.
SECȚIUNE elementul creează elemente în interiorul unei contururi a documentului. Și ca atare, trebuie să aveți întotdeauna un element de antet (
H1 prin
H6) ca parte a secțiunii. Dacă nu puteți găsi un titlu pentru secțiune, apoi din nou
DIV este probabil mai adecvat. Rețineți că, dacă nu doriți ca titlul secțiunii să apară pe pagină, puteți întotdeauna să o mascați cu CSS.
Când nu utilizați elementul SECTION
Dincolo de sfaturile de mai sus pentru a utiliza mai întâi elementele semantice mai specifice, există o zonă definită pe care nu ar trebui să o utilizați
SECȚIUNE element: numai pentru stil.
Cu alte cuvinte, dacă singurul motiv pentru care plasați un element în acel loc este să atașați proprietățile stilului CSS, nu trebuie să utilizați a
SECȚIUNE element. Găsiți un element semantic sau utilizați
În cele din urmă, poate nu contează
O dificultate în scrierea codului HTML semantic este că ceea ce este semantic pentru mine poate fi un absolut prostie pentru tine. Dacă simțiți că puteți justifica utilizarea
SECȚIUNE element în documentele dvs., atunci ar trebui să-l utilizați. Cei mai mulți agenți utilizator nu le pasă și vor afișa pagina așa cum s-ar putea aștepta dacă stilul a
DIV sau a
SECȚIUNE.
Pentru designerii cărora le place să fie corect din punct de vedere semantic, folosind
SECȚIUNE element important într-un mod valabil din punct de vedere semantic. Pentru designerii care doresc ca paginile lor să funcționeze, nu este la fel de importantă. Credem că scrierea de HTML semantic valid este o practică bună și păstrează paginile mai protejate în viitor. Dar, în cele din urmă, depinde de tine.
