<footer>: The FOOTER Element
Last updated: 2026-10-13
<footer>The FOOTER Element
Represents the footer of its nearest sectioning content or root element, usually author, copyright, contact or related links.
| Category | Semantic |
|---|---|
| Content Model | Flow content |
| Allowed Parents | Any element that accepts flow content |
| Content Tag | Yes — requires closing </footer> tag |
| Status | Standard |
📝 Syntax
<footer>footer content</footer>▶ Example
Edit the code below and see the live result in the playground:
🌐 Browser Support
| Browser |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <footer> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Supported in all major browsers | |||||
Tip： Footer content should relate to its section; copyright usually lives in the page-level footer.
❓ FAQ
QCan footer only be used at the bottom of a page?
ANo.
<footer> means the footer of its nearest sectioning ancestor, so every <article> or <section> can have its own footer (author info, references at the end). Only the page-level footer sits at the very bottom of the body.QCan footer contain navigation?
AYes. Footer navigation (sitemap, legal links, social icons) is a typical footer content and the spec says it needs no wrapping
<nav>; if the navigation is complex or needs its own landmark, nest a <nav> inside the footer.QWhat is the relationship between footer and address?
AA common pairing:
<footer> containing an <address> with contact info. The semantic division of labor: footer marks the region (copyright, links, appendix) and address marks the author's contact information.🏷️ Related Tags
💡 Related Cases
More case studies coming soon — check back later.
📚 Related Tutorials
