<section> : l'élément de section générique
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.
Exemple interactif
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>.
Note : Si le contenu de l'élément devrait être considéré comme un fragment indépendant (qui puisse être séparée du reste du contenu), l'élément <article> sera plus pertinent.
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
html
<section>
<h1>Titre</h1>
<p>Du contenu sur un thème pour ce titre</p>
</section>
Résultat
Résumé technique
| 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 (en-US), banner,
complementary (en-US),
contentinfo (en-US), dialog,
document (en-US), feed (en-US),
log, main (en-US),
marquee (en-US), navigation (en-US),
search (en-US), status,
tabpanel (en-US)
|
| Interface DOM | HTMLElement |
Spécifications
| Specification |
|---|
| HTML Standard # the-section-element |
Compatibilité des navigateurs
BCD tables only load in the browser