<header> and <footer>
The <header> and <footer> HTML elements represent content that precedes and follows the main page content, respectively.
Overview
The <header> and <footer> HTML elements represent content that precedes and follows the main page content, respectively.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 5 | 12 | 4 | 5 | 18 | 4.2 | |
| Other | ||||||
| The HTML element represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author name, and other elements. | 5 | 12 | 4 | 5 | 18 | 4.2 |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Syntax
HTML
<header>
<h1>Site Name</h1>
<nav>
<a href="/">Home</a>
<a href="/about">Overview</a>
</nav>
</header>
<footer>
<p>© 2024 Site Name</p>
</footer>Live demo
Use cases
Using <header> and <footer>
The <header> and <footer> HTML elements represent content that precedes and follows the main page content, respectively.
Cautions
- May not be supported in older browsers.
Accessibility
- Verify how this element is announced by screen readers.
Related links
Powered by web-features