28. Sectionnement du contenu

Ces éléments divisent le contenu principal en unités logiques et autonomes.

28.1 L'élément <section>

Utilisé pour regrouper du contenu lié. Il doit toujours être associé à un titre (h1 - h6) qui décrit le sujet de la section.

html

<section>
    <h2>Prérequis</h2>
    <p>Ce que vous devez savoir avant de commencer...</p>
</section>

28.2 L'élément <article>

Utilisé pour un contenu autonome qui est distribuable ou réutilisable indépendamment, comme un article de blog, un article de journal, un message de forum ou un commentaire d'utilisateur.

html

<article>
    <h3>Un autre article de blog</h3>
    <p>Publié le 05/10/2024</p>
    <p>Encore plus de contenu ici...</p>
</article>

28.3 L'élément <aside>

Contenu qui est indirectement lié au contenu qui l'entoure (ex : barres latérales, citations en exergue, blocs publicitaires).

html