Balise HTML essentielle

Balise <section>

Elle regroupe une partie thématique autonome d'un document.

À quoi sert <section> ?

Elle regroupe une partie thématique autonome d'un document.

La règle de base reste simple: choisissez cette balise quand elle décrit mieux le contenu qu'un conteneur générique. Donnez un titre visible avec h2 ou h3.

Syntaxe courte

<section aria-labelledby="bases">
  <h2 id="bases">Bases HTML</h2>
  <p>...</p>
</section>

Bon usage

  • Donnez un titre visible avec h2 ou h3.
  • Employez-la pour chapitres, blocs thématiques ou parties de page.
  • Choisissez <article> si le contenu est autonome et reutilisable.

Erreurs fréquentes

  • Ne remplacez pas tous les <div> par des <section>.
  • Ne créez pas de section sans sujet identifiable.

SEO et accessibilité

Des sections titrées rendent le contenu plus facile a parcourir et a comprendre.

Continuer avec