L'élément HTML <footer> représente le pied de page de la section ou de la racine de sectionnement la plus proche. Un pied de page ou de section contient habituellement des informations sur l'auteur de la section, les données relatives au droit d'auteur (copyright) ou les liens vers d'autres documents en relation.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
| Catégories de contenu | Contenu de flux, contenu tangible. |
|---|---|
| Contenu autorisé | Contenu de flux sans élément descendant qui soit <footer> ou <header>. |
| 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 <footer> ne doit pas descendre d'un élément <address>, <header> ou d'un autre élément <footer>. |
| Rôles ARIA autorisés | group, presentation |
| Interface DOM | HTMLElement |
Attributs
Comme tous les éléments HTML, cet élément accepte les attributs universels.
Notes d'utilisation
- Les informations sur l'auteur doivent être placées dans un élément
<address>et incluses dans l'élément<footer>. - L'élément
<footer>n'a pas de contenu sectionnant et ne peut donc pas introduire une nouvelle section dans le plan.
Exemples
HTML
<footer> Quelques informations de copyright ou bien quelques informations sur l'auteur de l'article. </footer>
Résultat
Accessibilité
Le lecteur d'écran VoiceOver rencontre un problème qui fait que le balisage de rôle (landmark role) n'est pas annoncé. Pour corriger ce point, on ajoutera role="contentinfo" à l'élément footer.
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| HTML Living Standard La définition de '<footer>' dans cette spécification. |
Standard évolutif | |
| HTML5 La définition de '<footer>' dans cette spécification. |
Recommendation |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Support simple | 5 | Oui | 4 | 9 | 11.1 | 4.1 |
| Fonctionnalité | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Support simple | Oui | Oui | Oui | 4 | 11 | 4.2 | Oui |