HTML <footer> Tag

The HTML <footer> tag defines the footer for a document or section—in other words, it creates a space on each page designated for copyright information, links to other pages, and contact information. It also provides an easy way to group relevant content together in one place on each page.

For example, if you have multiple pages with contact information in different places or copyright notices listed across multiple pages, you can use the <footer> tag on each page to create one unified space where all of these elements appear together on every page. This makes it easier for visitors to find this information quickly and easily without having to search through each page separately.

The following code snippet shows how to create a footer that contains copyright information as well as links to social media accounts:

<footer>
  <p><a href="https://www.facebook.com/your-page/">Facebook</a></p>
  <p><a href="https://twitter.com/your-page/">Twitter</a></p>
  <p><a href="https://instagram.com/your-page/">Instagram</a></p>
  <hr/>
  <p>© 2022 Modern HTML</p>
</footer>

<article>
    <h1>footer of an article</h1>
    <footer>
        <p>Category | Author | Comment</p>
    </footer>
</article>

<footer class="subscribe">
  <div class="container">
    <h2 class="subscribe__title">Sign Up For Our Newsletter!</h2>
    <form action="" class="subscribe__form">
      <div class="subscribe__input-wrapper">
        <input type="text" placeholder="Your Email Address" />
      </div>
      <button type="submit" class="subscribe__button btn btn--blue">Subscribe Now!</button>
    </form>
  </div>
</footer>