The <footer> element holds closing content for a page or section — copyright, contact details, related links — the mirror image of header.
Syntax & Example
<footer>
<p>© 2026 CodingNow. All rights reserved.</p>
<nav aria-label="Footer navigation">
<a href="/privacy-policy">Privacy Policy</a>
<a href="/terms-and-conditions">Terms</a>
</nav>
</footer>Scoped to Its Section, Just Like header
<article>
<h2>5 Tips for Learning Python</h2>
<p>Start with the basics...</p>
<footer>
<p>Tags: Python, Beginners, Programming</p>
</footer>
</article>A page can have multiple <footer> elements — one per article/section that needs closing content, plus one for the page as a whole.
Accessibility
A <footer> that's a direct child of <body> gets the contentinfo landmark role, letting screen reader users jump straight to it. Like <header>, a <footer> nested inside <article> or <section> is scoped to that section instead and doesn't get the page-level landmark role.
Common Mistakes
- Assuming only one
<footer>is allowed per page — multiple, scoped footers are valid and common - Putting primary content inside
<footer>instead of just closing/meta information
Interview Relevance
Usually paired with the header question — "can a page have multiple footer elements, and when would you use one inside an article?"
Practice Question
Add a <footer> to both an individual blog post (with tags) and the overall page (with copyright and legal links).
