Page Landmarks and Content Regions
<header>...</header>
<nav aria-label="Primary">...</nav>
<main>...</main>
<footer>...</footer>
Why Landmarks Matter
- Screen readers can jump between major regions.
- Developers can reason about the page faster.
- CSS and JS hooks stay cleaner.
Rule
Use only one <main> per page.