header nav main and footer
Structure a page's primary landmarks with semantic tags.
HTML5 Landmark Elements
HTML5 introduced landmark elements that define page regions:
<header>— introductory content or navigation<nav>— navigation links<main>— the primary unique content<footer>— footer information
They replace generic <div>s with meaningful structure.
The header Element
The <header> element contains introductory content:
<header>
<a href="/" class="logo">
<img src="logo.svg" alt="Company name">
</a>
<nav>...</nav>
<button>Sign In</button>
</header>
<!-- header can appear multiple times: page header, article header -->
<!-- But only one page-level header per page is recommended -->All lessons in this course
- header nav main and footer
- The article Element Self-Contained Content
- The section Element vs div
- Time address and mark