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,