L’élément HTML <main> représente le contenu principal du <body> du document ou de l'application. Il ne peut pas y avoir plusieurs éléments <main> au sein d'un même document. Le contenu principal de la zone est constitué de contenu directement en relation, ou qui étend le sujet principal du document ou de la fonctionnalité principale d'une application.
| Categories de contenu | Contenu de flux, contenu tangible. |
|---|---|
| Contenu autorisé | Contenu de flux. |
| Omission de balise | Aucune, les balises d'ouverture et de fermeture sont toutes les deux obligatoires. |
| Éléments parents autorisés | Tout élément qui accepte du contenu de flux et qui n'est pas <article>, <aside>, <footer>, <header> ou <nav>. |
| Rôles ARIA autorisés | Aucun. |
| Interface DOM | HTMLElement |
Attributs
Cet élément prend uniquement en charge les attributs universels.
Notes
- Bien que le standard HTML du WHATWG permette d'utiliser plusieurs éléments
<main>dans une même page, ceci n'est pas autorisé par la spécification du W3C. De plus, la spécification du W3C ne permet pas que<main>soit un élément descendant de<article>,<aside>,<footer>,<header>ou<nav>. - Ce contenu doit être unique dans le document, excluant tout contenu qui est répété sur plusieurs documents comme des barres latérales, liens de navigation, informations relative au droit d'auteur, logo du site, et champs de recherche (sauf, bien entendu, si la fonctionnalité principale du document est un champ de recherche).
Exemples
HTML
<!-- autre contenu -->
<main>
<h1>Pommes</h1>
<p>La pomme est le fruit à pépin du pommier.</p>
<article>
<h2>Pomme rouge</h2>
<p>Ce sont des pommes rouges vives très communes dans les supermarchés.<p>
<p>... </p>
<p>... </p>
</article>
<article>
<h2>La Granny Smith</h2>
<p>Ces pommes juteuses, vertes, font une très belle garniture pour les tartes aux pommes.<p>
<p>... </p>
<p>... </p>
</article>
</main>
<!-- Autre contenu -->
Résultat
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| HTML 5.1 La définition de '<main>' dans cette spécification. |
Recommendation | Pas de changement de HTML5 |
| WHATWG HTML Living Standard La définition de '<main>' dans cette spécification. |
Standard évolutif | Retrait de la restriction sur l'interdiction de l'utilisation de l'élément <main> comme descendant d'un élément <article>, <aside>, <footer>, <header>, ou <nav>. Retrait de la restriction interdisant d'utiliser plusieurs fois <main> dans un document. |
| HTML5 La définition de '<main>' dans cette spécification. |
Recommendation | Définition intiale. |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Edge | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Support simple | 26 | 21.0 (21.0) | ? | Pas de support | 16 | 7 |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | Edge | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Support simple | 4.4 | 21.0 (21.0) | ? | Pas de support | Pas de support | 7.1 |

