section
Het element <section>
beschrijft een sectie van de applicatie of van het document. Een sectie bevat een bij elkaar horende groep elementen met inhoud. Een sectie kan een eigen koptekst hebben maar dat is niet verplicht. Voorbeelden van secties van een pagina zijn tabbladen van een tabbladgroep, of genummerde elementen van een opsomming.
Een webpagina kan meerdere <section> elementen bevatten.
Het <section>
element is een semantisch element en gebruik je niet voor styling. Het <section>
is geen algemene containertag zoals het <div>
element.
Het <section>
element is een semantisch element en is bedoeld om logisch bij elkaar horende elementen op een pagina te groeperen. Elke nieuwe <section>
maakt een nieuwe tak in de documentstructuur. Bij een <div>
gebeurt dat niet. Alle <section>
elementen worden opgenomen in de documentstructuur (document outline) van het document.
Wat is het verschil tussen een <article> en een <section> element? En 'mag' je het <div> element nog wel gebruiken? Lees meer daarover in HTML5: Section or Article? Van Ian Devlin.
Elk gedicht kunnen we als een sectie van ons artikel beschouwen. Een gedicht bevat de titel en de tekst van het gedacht. Daar kunnen we eventueel nog andere inhoud aan toe voegen zoals de datum van publicatie, bibliografie, enz. Een bij elkaar horende groep elementen met inhoud zetten we best samen in een <section>
element.
Het <section>
element wordt gebruikt voor het bundelen van inhoud rond een zelfde thema. Dat klinkt als een <div>
element, dat vaak gebruikt wordt als een generieke inhoud-container. Het verschil is
dat <div>
geen semantische betekenis heeft. Het zegt niets over de inhoud die erin staat. Het <section> element zegt dat de inhoud thematisch een eenheid vormt. Als je van plan bent div's te vervangen door sections moet je je afvragen als de inhoud inhoudelijk gerelateerd is.
Als de inhoud geen vanzelfsprekende titel heeft, waarmee de inhoud aangeduid kan worden, is het waarschijnlijk niet echt eensectie maar een div.
Als de inhoud als een onafhankelijk onderdeel nog steeds zinvol voorgesteld kan worden , bijvoorbeeld, een blog post of een krantenartikel dan is het waarschijnlijk het <article>
element een betere keuze.
Ik geef toe dat een gedicht apart ook zinvol voorgesteld kan worden en dus ook als een <article>
element opgemaakt zou kunnen worden.