La balise <footer> est utilisée en HTML pour définir le pied de page d’un document ou d’une section.
Elle contient généralement des informations comme des droits d’auteur, des liens de navigation, des informations de contact, ou d’autres informations liées à la page ou au site.
Structure et syntaxe de la balise <footer>
Structure et syntaxe de base
Voici la syntaxe de base d’une balise <footer> :
<footer>
Contenu du pied de page ici
</footer>
Exemple d’utilisation
Voici un exemple typique de pied de page :
<footer>
<p>© 2025 MonSite. Tous droits réservés.</p>
<a href="mailto:contact@monsite.com">Contactez-nous</a>
</footer>Dans cet exemple, la balise <footer> est utilisée pour inclure des informations de contact et des mentions légales.
Attributs
La balise <footer> accepte les attributs HTML classiques comme :
class: pour appliquer des styles CSS.id: pour identifier un conteneur unique.style: pour appliquer des styles inline.
Bonnes pratiques
Utilisez la balise <footer> pour structurer de manière claire les informations de fin de page. Cela améliore l’accessibilité et la lisibilité pour les utilisateurs comme pour les moteurs de recherche.
Pensez aussi à inclure des informations pertinentes telles que vos coordonnées, les liens vers des pages légales (comme la politique de confidentialité ou les conditions d’utilisation), et d’autres détails qui se rapportent à l’ensemble du site.
Différence avec d’autres balises similaires
<header>: La balise<header>est utilisée pour définir l’en-tête d’un document ou d’une section, alors que<footer>est spécifiquement destiné à la fin du contenu.<article>: La balise<article>définit un contenu autonome pouvant être distribué comme un article, tandis que<footer>se trouve plutôt à la fin de cette structure.
Compatibilité des navigateurs
La balise <footer> est supportée par tous les navigateurs modernes.
| Navigateur | Compatibilité |
|---|---|
| Chrome | Oui |
| Firefox | Oui |
| Safari | Oui |
| Edge | Oui |
| Internet Explorer | Oui |