Și când să utilizați ARTICOL, ASIDE și DIV
Noul element HTML5 SECTION 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ă înlocuiți pur și simplu elementele DIV existente cu elemente SECTION. Dar acest lucru este tehnic incorect. Deci, dacă nu înlocuiți doar elemente DIV cu elemente SECTION, cum le folosiți în mod corect?
Elementul SECTION este un element Semantic
Primul lucru de înțeles este că elementul SECTION 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ă le utilizați înainte de a utiliza elementul SECTION:
- ARTICOL
- DEOPARTE
- NAV
Când să utilizați elementul SECTION
Utilizați elementul 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. Utilizați elementul ASIDE 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. Utilizați elementul NAV pentru conținut care este navigare.
Elementul SECTION 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 elementul DIV. Elementul DIV din 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, atunci elementul DIV este elementul adecvat de folosit.
Cum functioneaza elementul SECTION
O secțiune a documentului dvs. poate apărea ca container exterior pentru articole și elemente ASIDE. Poate conține și conținut care nu face parte dintr-un ARTICOL sau ASIDE. Un element SECTION poate fi găsit și în interiorul unui articol, NAV sau ASIDE. 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.
Elementul SECTION creează elemente în interiorul unei contururi a documentului. Și ca atare, trebuie să aveți întotdeauna un element de antet (H1 până la H6) ca parte a secțiunii. Dacă nu puteți găsi un titlu pentru secțiune, atunci din nou elementul DIV este probabil mai potrivit. 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 elementul SECTION: numai pentru stil.
Cu alte cuvinte, dacă singurul motiv pentru care plasați un element în acel loc este acela de a atașa proprietățile stilului CSS, nu trebuie să utilizați un element SECTION. Găsiți un element semantic sau utilizați elementul DIV în schimb.
În cele din urmă poate să nu conteze
O dificultate în scrierea codului HTML semantic este că ceea ce este semantic pentru mine poate fi un absolut prostie pentru tine. Dacă credeți că puteți justifica utilizarea elementului SECTION î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 să te aștepți dacă ai stilul unui DIV sau al unei SECȚIUNI.
Pentru designerii care preferă să fie corect din punct de vedere semantic, este important să folosiți elementul SECTION î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ă. Cred că scrierea HTML-ului semantic valid este o practică bună și păstrează paginile mai protejate în viitor. Dar, în cele din urmă, depinde de tine.