Organiser le contenu interne (`<article>`, `<section>`, `<aside>`)

Une fois le <main> en place, il faut structurer son contenu interne. Ces balises apportent du sens en plus du rendu visuel.

<section>

Regroupe un ensemble de contenu autour d'un même thème.

<section>
  <h2>Tarifs</h2>
  <p>Voici nos offres...</p>
</section>

<article>

Représente un contenu autonome, réutilisable en dehors de la page (article de blog, fiche produit, post).

<article>
  <h3>Nouveau smartphone</h3>
  <p>Publié le 10 mars...</p>
</article>

<aside>

Contenu complémentaire, non central (barre latérale, liens associés, encart info).

<aside>
  <p>Articles liés</p>
</aside>

Et <div> ?

<div> reste utile comme conteneur neutre pour le style et la mise en page, quand aucune balise sémantique n'est parfaitement adaptée.

Exemple : wrapper visuel, grille CSS, conteneur d'alignement.

Règle pratique :

• si la balise porte un sens métier, choisis une balise sémantique
• si c'est juste un besoin de layout, un <div> est acceptable