<main>
Le contenu principal et unique de la page. Une seule instance visible par page.
- Affichage
- block
- Balise fermante
- Obligatoire
- Contenu autorisé
- Contenu de flux
Exemple
#<a href="#contenu">Aller au contenu</a>
<header>Logo et menu</header>
<main id="contenu">
<h1>Cours HTML pour débutants</h1>
<p>Construisez votre première page en sept jours.</p>
</main>
<footer>© 2026 CodeWorlds</footer>Définition et utilisation
#L’élément <main> englobe le contenu le plus important du document, c’est-à-dire la raison pour laquelle l’utilisateur est venu sur la page. Il ne devrait pas contenir d’éléments répétés sur de nombreuses pages : le logo, la navigation principale, le pied de page ou une bannière de cookies.
Une page ne peut avoir qu’un seul élément <main> visible. Plusieurs sont autorisés uniquement si les autres portent l’attribut hidden, par exemple dans une application qui change de vue sans recharger la page.
Grâce à <main>, les lecteurs d’écran et les liens « Aller au contenu » accèdent directement à la bonne partie de la page, en sautant l’en-tête et le menu.
Syntaxe
#<main>
…
</main>Attributs
#Cet élément n’a pas d’attributs propres. Il accepte les attributs globaux, comme class, id ou hidden.
CSS par défaut
#La plupart des navigateurs affichent cet élément avec ces styles par défaut :
main {
display: block;
}Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#<main>ne peut pas être un descendant de<article>,<aside>,<footer>,<header>ni<nav>.- Ajoutez en haut de la page un lien « Aller au contenu » qui pointe vers l’
idde l’élément<main>.
Entrées associées
#- <header>L’introduction d’une page ou d’une section : logo, titre, navigation, informations sur l’auteur.
- <footer>Le pied de page d’une page ou d’une section : auteur, droits d’auteur, liens, coordonnées.
- <article>Un contenu autonome qui garde son sens une fois lu ou partagé séparément.
- <section>Une partie thématique d’un document, généralement avec son propre titre.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.