<footer>
A page or section’s footer: author, copyright, links, contact info.
- Display
- block
- Closing tag
- Required
- Permitted content
- Flow content without
<header>and<footer>elements
Example
#<footer>
<p>© 2026 CodeWorlds. All rights reserved.</p>
<p>
<a href="/terms">Terms of service</a> ·
<a href="/privacy">Privacy policy</a>
</p>
<address>Email us: <a href="mailto:team@codeworlds.com">team@codeworlds.com</a></address>
</footer>Definition and usage
#The <footer> element closes out the page or section it sits in. A page’s footer is usually copyright information, links to the terms of service and privacy policy, contact details, and links to social media.
An article’s footer might hold tags, author information, or links to related pieces. Just like <header>, the element can appear multiple times on a page.
A footer placed directly inside <body> plays the role of a "contentinfo" landmark, so screen readers let you jump straight to it.
Syntax
#<footer>
…
</footer>Attributes
#This element has no attributes of its own. It supports the global attributes, such as class, id and hidden.
Default CSS
#Most browsers display this element with these default styles:
footer {
display: block;
}Browser support
#Widely available
Works in all modern browsers, phones included. You can use it without worry.
- Chrome
- Edge
- Firefox
- Safari
Good practices
#- Put the author’s or company’s contact info in
<address>inside the footer. - A footer doesn’t have to sit at the bottom of the screen. What matters is meaning, not position.
Related entries
#- <header>An introduction to a page or section: logo, title, navigation, author info.
- <address>Contact information for an article’s author or a site’s owner.
- <nav>A block of primary navigation links: a menu, a table of contents, breadcrumbs.
- <article>Self-contained content that makes sense read or shared on its own.
Spotted a mistake or missing an example? Write to us.