structure block

<footer>

Représente le pied de page d'un document ou d'une section : mentions légales, liens secondaires, informations de contact.

Description

L’élément <footer> contient les informations de conclusion d’une page ou d’une section : crédits, liens secondaires, mentions légales, informations de contact ou données sur l’auteur. Comme <header>, il peut apparaître dans <body> (pied de page global) ou dans un <article>/<section> (pied de ce bloc).

Syntaxe

<footer>
  <p>&copy; 2025 Mon site. Tous droits réservés.</p>
</footer>

Exemples

Pied de page de site :

<footer>
  <nav aria-label="Liens du pied de page">
    <a href="/mentions-legales">Mentions légales</a>
    <a href="/confidentialite">Politique de confidentialité</a>
  </nav>
  <p>&copy; 2025 Mon site</p>
</footer>

Pied d’article :

<article>
  <h2>Mon article</h2>
  <p>…</p>
  <footer>
    <p>Publié par <a href="/auteur/alice">Alice</a> — <time datetime="2025-03-01">1er mars 2025</time></p>
  </footer>
</article>

Notes

Landmark contentinfo : un <footer> enfant direct de <body> crée un landmark ARIA contentinfo. Ce rôle est unique dans la page. Un <footer> imbriqué dans une section n’a pas ce rôle.

Pas de <main> dans <footer> : le contenu récurrent (pied de page) doit être distinct du contenu principal. Ne pas répéter le contenu central dans le footer.

Support navigateurs

Chrome5+ · Firefox4+ · Safari5+ · Edge12+