HTML Tutorial

HTML <footer> Tag

The <footer> tag in HTML is used to define the footer of a webpage or section. It typically contains information about the author, copyright, or links to related documents, and is often placed at the bottom of the page or a section.

What is the <footer> Tag?

The <footer> tag is a semantic HTML5 element used to define a footer for the content of a webpage or a section. It contains content like copyright information, contact links, social media links, and other legal or reference information that typically appears at the bottom of a page or section.

Syntax

<footer>
  
</footer>
  

Using the <footer> Tag

The <footer> tag is often used for the footer section of a webpage and typically includes links to legal information (terms of use, privacy policy) and site navigation (site map). It can also include contact information or social media links.

Example

<footer>
  <p>© 2025 MyWebsite. All Rights Reserved.</p>
  <a href="#privacy">Privacy Policy</a> | 
  <a href="#terms">Terms of Use</a>
</footer>
  

Importance of the <footer> Tag

The <footer> tag plays an important role in structuring the webpage’s footer area. It helps improve the document’s semantics, making it easier for screen readers and search engines to identify the footer content. It is also helpful for users navigating your page to find important information like legal notices, social media links, and contact details.

When to Use the <footer> Tag?

The <footer> tag should be used when defining the footer section of a page or an individual section. It should contain content that relates to the entire document or section, such as copyright notices, authorship, or contact details.

Example: Footer for a Webpage

<footer>
  <p>Follow us on social media:</p>
  <a href="https://twitter.com">Twitter</a> | 
  <a href="https://facebook.com">Facebook</a> | 
  <a href="https://instagram.com">Instagram</a>
</footer>
  

Best Practices for Using the <footer> Tag

Here are some best practices for using the <footer> tag:

• Use it for footer content: Ensure that the <footer> tag contains information typically found in a footer, such as copyright info, contact links, and social media links.
• Position it at the bottom: The <footer> tag is generally used at the bottom of the page or a section to hold relevant concluding content.
• Provide useful links: Include links to important sections like terms of service, privacy policy, and contact information for better user experience.

Conclusion

The <footer> tag is a crucial element in HTML5 for defining the footer of a webpage or section. It helps improve the accessibility of a webpage, provides important information to users, and contributes to the overall structure of the page. By using the <footer> tag, you can enhance both the usability and semantic value of your web pages.