The footer Element

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>&copy; 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).

Related HTML Notes

• header
• address
• nav