Résumé
L’élément HTML <main> représente le contenu principal du <body> du document ou de l'application. 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. 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 de copyright, logo du site, et champs de recherche ( sauf, bien entendu, si la fonctionnalité principale du document est un champ de recherche. )
Note : Il ne doit pas y avoir plus d'un élément <main> dans un document, et il ne doit pas être un enfant d'un élément <article>, <aside>, <footer>, <header>, ou d'un élément <nav>.
- Categories de contenus Contenu de flux, contenu tangible.
- Contenu autorisé Contenu de flux
- Oubli de balises Aucun; 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, mais qui n'est pas un élément descendant de
<article>,<aside>,<footer>,<header>, ou un élément<nav>. - Interface DOM
HTMLElement
Attributs
Cet élément ne supporte que les attributs globaux.
Exemple
<!-- 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 -->
Spécifications
| Spécification | Statut | Commentaires |
|---|---|---|
| HTML5.1 La définition de '<main>' dans cette spécification. |
Version de travail | 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>. |
| HTML5 La définition de '<main>' dans cette spécification. |
Recommendation | Spécification initiale |
Compatibilité des navigateurs
En tant que nouvelle proposition de fonctionnalité de HTML, l'élément <main> n'est pas encore largement supporté. Vous êtes fortement encouragés à ajouter le rôle ARIA "main" à votre élément <main>:
<main role="main"> ... </main>
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Support basique | Chrome 26 | 21.0 (21.0) | Pas de support | Opera 16 | Safari 7 |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support basique | Pas de support | 21.0 (21.0) | Pas de support | Pas de support | Pas de support |