HTML <footer> Tag

The HTML <footer> tag is a semantic HTML tag that is used to define the footer of the HTML document or section. For example,

<footer>
    <p> ©codemy. All rights reserved.</p>
</footer>

Browser Output

HTML Footer element with an copyright details

We can create multiple footers in a single HTML document. The <footer> element can be placed inside different elements like <section>, <article>, etc. For example,

<body>
    <main>
        <section>
            <h1>About Us</h1>
            <p>Learn more about our company and our mission...</p>
            <footer>
                <p>Copyright 2021 codemy. All Rights Reserved.</p>
                <p>Contact us: <a href="mailto:info@example.com">info@example.com</a></p>
            </footer>
        </section>

        <section>
            <h1>Legal</h1>
            <p>Read our terms of service and privacy policy...</p>
            <footer>
                <p>Powered by <a href="https://codemy.com">codemy</a>.</p>
            </footer>
        </section>
    </main>

    <footer>
        <p>Connect with us:</p>
        <ul>
            <li><a href="https://www.facebook.com/codemy">Facebook</a></li>
            <li><a href="https://twitter.com/codemy">Twitter</a></li>
            <li><a href="https://www.instagram.com/_codemy/">Instagram</a></li>
        </ul>
    </footer>
</body>

Browser Output

Multiple footer elements within sections

Note: The footer tag typically contains copyright, authorship, or contract information.