Elementul SECTION este definit ca o secțiune semantică a unei pagini web sau a unui site care nu este un alt tip mai specific, cum ar fi ARTICLE sau ASIDE. Designerii folosesc frecvent acest element atunci când marchează o secțiune distinctă a paginii - o secțiune întreagă care ar putea fi mutată și utilizată pe alte pagini sau părți ale site-ului. Este un conținut distinct.
În schimb, elementul DIV este adecvat pentru părțile din pagină pe care doriți să le împărțiți în alte scopuri decât semantică. De exemplu, s-ar putea să înfășurați un anumit conținut într-un DIV pentru a-i da un „cârlig” de stilat cu CSS. Este posibil să nu fie o secțiune distinctă a conținutului semantic, dar este pusă deoparte, astfel încât să puteți obține un aspect sau un aspect dorit.
Este totul despre semantică
Singura diferență dintre elementele DIV și SECTION este semantica - sens din conținutul pe care îl împărțiți.
Orice conținut conținut într-un element DIV nu are un sens inerent. Este cel mai bine folosit pentru lucruri precum:
- Stiluri CSS și cârlige pentru stiluri CSS
- Aranjarea containerelor
- Cârlige JavaScript
- Diviziuni care fac conținutul sau HTML mai ușor de citit
Elementul DIV a fost singurul element disponibil pentru adăugarea de cârlige la documentele și aspectele de stil. Înainte de HTML5, pagina web tipică era plină de elemente DIV. De fapt, unii editori WYSIWYG au folosit elementul DIV exclusiv, uneori în locul paragrafelor.
HTML5 a introdus elemente de secționare care au creat documente mai descriptive semantic și au ajutat la definirea stilurilor pe aceste elemente.
Dar elementul SPAN?
Un alt element non-semantic comun este SPAN. Este folosit în linie pentru a adăuga cârlige pentru stiluri și scripturi în jurul blocurilor de conținut (de obicei text). În acest sens, este exact ca DIV, dar nu este un element de bloc. Gândiți-vă la DIV ca la un SPAN la nivel de bloc și să îl utilizați în același mod, dar pentru blocuri întregi de conținut HTML.
HTML nu are niciun element de secțiune în linie comparabil.
Pentru versiunile mai vechi de Internet Explorer
Chiar dacă acceptați versiuni dramatic mai vechi ale Internet Explorer ale Microsoft care nu recunosc în mod fiabil HTML5, ar trebui să utilizați etichete HTML corecte semantic. Semantica vă va ajuta pe dvs. și echipa dvs. să gestionați pagina în viitor. Cele mai recente versiuni ale Internet Explorer, precum și înlocuirea sa, Microsoft Edge, recunosc HTML5.
Utilizarea elementelor DIV și SECTION
Puteți utiliza ambele elemente DIV și SECTION împreună într-un document HTML5 valid - SECTION, pentru a defini porțiuni discrete semantic din conținut și DIV, pentru a defini cârlige pentru CSS, JavaScript și aspect scopuri.
Articol original de Jennifer Krynin. Editat de Jeremy Girard pe 15.03.17.