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
| Ordinateur | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Webview Android | Chrome pour Android | Edge Mobile | Firefox pour Android | Opera pour Android | Safari pour iOS | Samsung Internet | |
| Support simple | Chrome Support complet 5 | Edge Support complet Oui | Firefox Support complet 4 | IE Support complet 9 | Opera Support complet 11.1 | Safari Support complet 4.1 | WebView Android Support complet Oui | Chrome Android Support complet Oui | Edge Mobile Support complet Oui | Firefox Android Support complet 4 | Opera Android Support complet 11 | Safari iOS Support complet 4.2 | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet