L'élément HTML <section> représente une section générique d'un document, par exemple un groupe de contenu thématique. Une section commence généralement avec un titre. Ainsi, un menu de navigation devrait être délimité par un élément <nav> mais une liste de résultat de recherche, qui ne dispose pas d'élément spécifique pour être représentée, pourrait être englobée dans un élément <section>.

Catégories de contenu Contenu de flux, contenu sectionnant, contenu tangible.
Contenu autorisé Contenu de flux.
Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Parents autorisés Tout élément qui accepte du contenu de flux. Un élément <section> ne peut pas être le descendant d'un élément <address>.
Rôles ARIA autorisés alert, alertdialog, application, banner, complementary, contentinfo, dialog, document, feed, log, main, marquee, navigation, search, status, tabpanel
Interface DOM HTMLElement

Attributs

Cet élément inclut uniquement les attributs universels.

Notes d'utilisation

  • Chaque élément <section> devrait être identifié, généralement grâce à un élément de titre (<h1>-<h6>) qui est un élément fils de l'élément <section>.
  • S'il est plus pertinent que le contenu soit à part, on utilisera l'élément <article>.
  • L'élément <section> ne doit pas être utilisé comme un conteneur générique : c'est le rôle de <div>, notamment lorsque le sectionnement du contenu sert uniquement la mise en forme. Pour savoir lequel utiliser, on peut se demander si la section doit apparaître sur le plan du document : si oui, on utilisera <section>, sinon, <div>.

Exemples

HTML

<section>
  <h1>Titre</h1>
  <p>Du contenu sur un thème pour ce titre</p>
</section>

Résultat

Spécifications

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de '<section>' dans cette spécification.
Standard évolutif  
HTML5.1
La définition de '<section>' dans cette spécification.
Recommendation  
HTML5
La définition de '<section>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Support simple 5 (Oui) 4.0 (2.0) 9.0 11.10 4.1
Fonctionnalité Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple 2.2 (Oui) 4.0 (2.0) 9.0 11.0 5.0

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, marie-ototoi, maelito, tregagnon, nicolasrenon, teoli, SwordArMor
 Dernière mise à jour par : SphinxKnight,