Learn HTML – Part 24 – footer Tag – Footer Content Section
The HTML footer tag is used to define the footer section of a webpage or a specific section.
It usually contains information such as copyright details, contact links, navigation links, or author information.
What is the footer Tag?
The footer tag is a semantic HTML element introduced in HTML5.
It represents a container for the footer content of a document or section.
Common Elements Inside footer
- Copyright information
- Contact details
- Privacy policy links
- Terms and conditions
- Navigation links
Basic Syntax
<footer>
<p>© 2026 WPDeveloperTips</p>
</footer>
Example – Website Footer
<footer>
<p>© 2026 WPDeveloperTips</p>
<p>All rights reserved.</p>
</footer>
Output:
Using footer Inside Articles
The footer tag can also be used inside elements such as article to display author information or publication details.
<article>
<h2>HTML Basics</h2>
<p>HTML is used to structure web pages.</p>
<footer>
<p>Written by John Doe</p>
</footer>
</article>
footer vs header – Key Difference
| Tag | Purpose |
|---|---|
header | Defines introductory content |
footer | Defines closing or footer content |
Why Use the footer Tag?
- Improves webpage structure
- Provides semantic meaning
- Helps search engines understand page layout
- Improves accessibility
The
footertag should contain closing or supplementary information related to the content.
Common Mistakes Beginners Make
- Using the footer for unrelated content
- Adding too many elements that do not belong to footer information
- Confusing it with the page layout structure
Conclusion
The HTML footer tag defines the footer section of a webpage or a section.
It typically contains copyright information, navigation links, or contact details related to the content.
What’s Next?
Now that you understand the footer tag, the next step is learning about the nav tag, which is used to define navigation links on a webpage.
Next: Learn HTML – Part 25 – nav Tag – Navigation Links Section →
Series: Learn HTML Series
