English

<footer>

Conclure une page ou une section, bien plus qu'un © en bas

— 1 min de lecture

  • HTML
  • accessibilité
  • sémantique
  • structure

<footer> — Le pied de page

La balise <footer> contient les informations de clôture : mentions légales, liens de contact, copyright. Comme <header>, elle peut apparaître au niveau de la page ou à l'intérieur d'un <article> ou d'une <section>.

Quand l'utiliser

Tu veux marquer le pied de page de ton site (copyright, liens légaux) ou la conclusion d'un article (biographie de l'auteur, liens connexes).

Ce que tu gagnes

Accessibilité : au niveau de la page, le <footer> crée un contentinfo landmark. Les lecteurs d'écran permettent de naviguer directement vers cette zone. À l'intérieur d'un <article> ou d'une <section>, il reçoit le rôle sectionfooter : l'information de clôture est rattachée au bon contexte.

Exemple de code

<footer>
  <p>&copy; 2026 Bariafuri. All rights reserved.</p>
  <nav aria-label="Footer navigation">
    <ul>
      <li><a href="/legal">Legal</a></li>
      <li><a href="/privacy">Privacy</a></li>
    </ul>
  </nav>
</footer>

Pour aller plus loin