Encodera

Thanks for reading!

Donate to the site — we work hard for you.

HTML & CSS reference

<footer>

The footer of a page or a section: contacts, copyright, links.

Syntax

<footer>…</footer>

Examples

A site footer:

<style>
  footer { padding: 12px; background: #222; color: #ccc; font-size: 14px; }
  footer a { color: white; }
</style>
 
<footer>
  <p>© 2026 The Bean · <a href="#">Privacy</a> · <a href="#">Contacts</a></p>
</footer>

Notes

Like <header>, a <footer> can belong to the whole page or to a single article — for example, with the post's author and tags.

See also

  • <header> — The header of a page or a section: logo, heading, navigation.
  • <address> — Contact details of the author or owner of the page.
  • <small> — Fine print for side comments: terms, copyright, footnotes.

Related recipes

In the tutorial

  • Semantic markup — The neutral div and span and the meaningful header, nav, main, article, section, aside and footer tags for page structure.

Thanks for reading!

Donate to the site — we work hard for you.