Tag footer

🔻 HTML <footer> Tag — Page or Section Footer

The footer tag is a semantic HTML5 element used to define a footer for a document, section, or article. It typically contains:

• Copyright
• Contact info
• Navigation links
• Social media links
• Legal information
• Author bio (in articles)

It helps organize the layout and improves accessibility and SEO.

---

✅ Basic Syntax

<footer>
  <p>&copy; 2025 MyWebsite. All rights reserved.</p>
  <nav>
    <a href="/about">About</a> |
    <a href="/contact">Contact</a> |
    <a href="/privacy">Privacy Policy</a>
  </nav>
</footer>

📍 Result: A styled footer section usually placed at the bottom of the page.

---

🧩 Where You Can Use <footer>

You can use <footer>:

• At the bottom of the entire page
• Inside a specific article or <section> for author or citation info

<article>
  <h2>Blog Post Title</h2>
  <p>Content here...</p>
  <footer>Written by John Doe</footer>
</article>

---

🎨 Styling Example (CSS)

footer {
  background-color: #222;
  color: #fff;
  padding: 20px;
  text-align: center;
}

footer a {
  color: #fff;
  text-decoration: none;
  margin: 0 10px;
}

---

⚠️ Notes

• <footer> does not have to be at the very bottom of your HTML file — it’s about structure, not just position.
• You can have multiple <footer> tags on one page (e.g., inside multiple <article> elements).

---

✅ Summary

Feature	<footer> Tag
Purpose	Defines a footer for a page or section
Common content	Copyright, links, author info
Semantic?	✅ Yes
Position	Typically at bottom of page or container
Multiple use?	✅ Yes

---