<footer>
Le pied de page d’une page ou d’une section : auteur, droits d’auteur, liens, coordonnées.
- Affichage
- block
- Balise fermante
- Obligatoire
- Contenu autorisé
- Contenu de flux sans éléments
<header>et<footer>
Exemple
#<footer>
<p>© 2026 CodeWorlds. Tous droits réservés.</p>
<p>
<a href="/fr/conditions-generales">Conditions d’utilisation</a> ·
<a href="/fr/politique-de-confidentialite">Politique de confidentialité</a>
</p>
<address>Écrivez-nous : <a href="mailto:team@codeworlds.com">team@codeworlds.com</a></address>
</footer>Définition et utilisation
#L’élément <footer> clôt la page ou la section dans laquelle il se trouve. Le pied de page d’un site contient généralement une mention de droits d’auteur, des liens vers les conditions d’utilisation et la politique de confidentialité, des coordonnées et des liens vers les réseaux sociaux.
Le pied d’un article peut contenir des tags, des informations sur l’auteur ou des liens vers des textes liés. Comme <header>, l’élément peut apparaître plusieurs fois sur une page.
Un pied de page placé directement dans <body> joue le rôle de point de repère « contentinfo », ce qui permet aux lecteurs d’écran d’y accéder directement.
Syntaxe
#<footer>
…
</footer>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 :
footer {
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
#- Placez les coordonnées de l’auteur ou de l’entreprise dans
<address>, à l’intérieur du pied de page. - Un pied de page n’a pas besoin d’être en bas de l’écran. Ce qui compte, c’est la signification, pas la position.
Entrées associées
#- <header>L’introduction d’une page ou d’une section : logo, titre, navigation, informations sur l’auteur.
- <address>Les coordonnées de l’auteur d’un article ou du propriétaire d’un site.
- <nav>Un bloc de liens de navigation principaux : menu, sommaire, fil d’Ariane.
- <article>Un contenu autonome qui garde son sens une fois lu ou partagé séparément.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.