Français

<footer>

Close a page or section, much more than a © at the bottom

— 1 min read

  • HTML
  • accessibility
  • semantics
  • structure

<footer> — The page footer

The <footer> element holds closing information: legal notices, contact links, copyright. Like <header>, it can appear at page level or inside an <article> or <section>.

When to use it

You want to mark your site footer (copyright, legal links) or the conclusion of an article (author bio, related links).

What you gain

Accessibility: at page level, <footer> creates a contentinfo landmark. Screen readers let users navigate directly to this area. Inside an <article> or <section>, it receives the sectionfooter role: the closing information is attached to the right context.

Code example

<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>

Further reading