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 să stilizați paginile cu ele. Așadar, ar putea părea un lucru firesc să înlocuiești pur și simplu existentul tău DIV elemente cu secțiune elemente. Dar acest lucru este tehnic incorect.
Elementul „secțiune” este un element semantic
SECȚIUNE elementul este un semantic element; oferă semnificație atât agenților utilizator, cât și oamenilor despre conținutul inclus - în special, o secțiune a documentului.
Aceasta poate părea o descriere foarte generală și asta pentru că este. Există altele Elemente HTML5 care oferă mai multe distincții semantice conținutului dvs. pe care ar trebui să le utilizați mai întâi înainte de a utiliza secțiune element:
- Articol
- Deoparte
- Nav
Când se folosește elementul „secțiune”
Folosește articol element atunci când conținutul este o parte independentă a site-ului care poate fi independentă și poate fi sindicalizată ca un articol sau o postare pe blog. Folosește
deoparte element atunci când conținutul este tangențial legat fie de conținutul paginii, fie de site-ul în sine, cum ar fi bare laterale, adnotări, note de subsol sau informații asociate site-ului. Folosește nav element pentru conținut care acceptă navigarea pe site.secțiune elementul este un element semantic generic. Folosiți-l atunci când niciunul dintre celelalte elemente semantice ale containerului nu este adecvat. Combină porțiuni din documentul dvs. în unități discrete pe care le puteți descrie ca legate într-un fel. Dacă nu puteți descrie elementele din secțiune într-una sau două propoziții, atunci probabil că nu ar trebui să utilizați elementul.
În schimb, ar trebui să utilizați DIV element. DIV elementul în HTML5 este un element de container non-semantic. Dacă conținutul pe care încercați să-l combinați nu are o semnificație semantică, dar trebuie totuși să-l combinați pentru stil, atunci DIV elementul este elementul adecvat de utilizat.
Cum funcționează elementul „secțiune”
O secțiune din documentul dvs. poate apărea ca container exterior pentru articole și deoparte elemente. De asemenea, poate conține conținut care nu face parte dintr-un articol sau deoparte. A secțiune elementul poate fi găsit și în interiorul unui articol, nav, sau deoparte. Puteți chiar să cuiberați secțiuni pentru a indica faptul că un grup de conținut este o secțiune a altui grup de conținut care este o secțiune a unui articol sau a paginii în ansamblu.
secțiune elementul creează elemente într-un contur al documentului. Și ca atare, ar trebui să aveți întotdeauna un element de antet (H1 prin H6) ca parte a secțiunii. Dacă nu puteți veni cu un titlu pentru secțiune, DIV elementul este probabil mai potrivit.
Dacă nu doriți ca titlul secțiunii să apară pe pagină, îl puteți masca oricând cu CSS.
Când nu se folosește elementul „secțiune”
Există un scop pentru care nu ar trebui să utilizați secțiune element: doar pentru stil.
Cu alte cuvinte, dacă singurul motiv pentru care puneți un element în acel loc este să atașați Stil CSS proprietăți, nu ar trebui să utilizați un secțiune element. Gaseste un element semantic sau utilizați DIV element în schimb.
În cele din urmă, nu poate conta
O dificultate în scrierea semantic HTML este că ceea ce este semantic pentru browser poate fi o prostie pentru tine. Dacă simți că poți justifica folosind secțiune element din documentele dvs., atunci ar trebui să-l utilizați. Celor mai mulți agenți de utilizatori nu le pasă și vor afișa pagina așa cum v-ați putea aștepta, indiferent dacă stilizați un DIV sau a secțiune.
Pentru designerii cărora le place să fie corect semantic, folosind secțiune elementul într-un mod valid din punct de vedere semantic este important. Pentru designerii care doresc doar ca paginile lor să funcționeze, acest lucru nu este la fel de important. Scrierea HTML validă din punct de vedere semantic este o bună practică și păstrează paginile mai rezistente la viitor. Dar până la urmă depinde de tine.