Codectionary / Developer documentation / HTML

<footer>

The <footer> element represents closing content for its nearest ancestor sectioning element, typically containing copyright notices, contact information, related links, or author details. Like <header>, a page can have multiple footers — one for the whole page and others scoped to individual articles or sections.

Syntax

<footer>
  <p>&copy; 2026 Company Name</p>
</footer>

Examples

Page Footer

A typical site-wide footer with copyright and links.

<footer>
  <p>&copy; 2026 Codectionary. All rights reserved.</p>
  <nav>
    <a href="/terms">Terms</a>
    <a href="/privacy">Privacy</a>
  </nav>
</footer>

Article Footer

A footer scoped to a single article, containing author info.

<article>
  <h2>10 CSS Tricks You Should Know</h2>
  <p>Article content goes here...</p>
  <footer>
    <p>Written by Alex Chen. Posted in <a href="/category/css">CSS</a>.</p>
  </footer>
</article>

Styled Footer

A page footer with basic layout styling.

<footer style="display: flex; justify-content: space-between; padding: 24px; background: #111827; color: #9ca3af; font-size: 14px;">
  <span>&copy; 2026 Codectionary</span>
  <span>Made with care in Manchester</span>
</footer>

Best practices

  • Use <footer> for closing/supplementary content, not as a generic bottom-of-page wrapper for unrelated content
  • A <footer> can appear inside an <article> or <section>, not just at the very bottom of the page
  • <footer> should not be nested inside <header> or another <footer>
  • Include meaningful contact or copyright information rather than leaving it purely decorative

Browser compatibility

Support applies to the named feature, not every attribute or behaviour in this article. Versions refer to browsers, not operating systems.

<footer>

Desktop

Chrome
Supported
From 5
Firefox
Supported
From 4
Safari
Supported
From 5
Edge
Supported
From 12
Opera
Supported
From 11.1

Mobile

Safari on iOS
Supported
From 4.2
Chrome for Android
Supported
From 18
Firefox for Android
Supported
From 4
Samsung Internet
Supported
From 1.0

MDN BCD record for this feature · MDN reference

Support history and limitations

Chrome

  • From 5

Firefox

  • From 4

Safari

  • From 5

Edge

  • From 12

Opera

  • From 11.1

Safari on iOS

  • From 4.2

Chrome for Android

  • From 18

Firefox for Android

  • From 4

Samsung Internet

  • From 1.0

MDN BCD 8.1.5 · Dataset built 2026-10-08 · Mapping reviewed 2026-10-21. These dates are not individual browser-test or claim-verification dates. Unknown means the data does not establish support.

HTML Living Standard

Specifications & further reading