HTML Tutorial

HTML Footer tag

HTML <footer> Tag

The <footer> tag is used to define a footer for a document or section. A footer typically contains information like the author of the document, copyright information, contact details, or links to related documents.

When to Use <footer>?

Use <footer> to group content that should appear at the bottom of a page or section. This could be copyright information, privacy policies, links to social media, or additional navigation elements.

Syntax

<footer>
  <p>Copyright 2025 MyWebsite. All rights reserved.</p>
  <ul>
    <li><a href="#privacy">Privacy Policy</a></li>
    <li><a href="#terms">Terms of Service</a></li>
  </ul>
</footer>

Example

<!DOCTYPE html>
<html>
  <head>
    <title>Footer Example</title>
  </head>
  <body>

    <header>
      <h1>Welcome to My Website</h1>
    </header>>

    <main>
      <h2>About Us</h2>
      <p>We are a web development company providing solutions for your digital needs.</p>
    </main>

    <footer>
      <p>Copyright 2025 MyWebsite. All rights reserved.</p>
      <ul>
        <li><a href="#privacy">Privacy Policy</a></li>
        <li><a href="#terms">Terms of Service</a></li>
      </ul>
    </footer>

  </body>
</html>

Best Practices

Use <footer> to wrap content related to the end of the document or section
Keep the footer content concise and relevant (e.g., contact information, social links)
Place it at the bottom of the page to allow easy access to common links

Conclusion

The <footer> tag helps to define a footer section in your webpage, improving both structure and user experience by providing useful information at the bottom of the page.

🌟 Enjoyed Learning with Us?

Help others discover Technorank Learning by sharing your honest experience.
Your support inspires us to keep building!

Leave a Google Review

Topics