HTML 5 · Page structure

Use semantic landmarks

Structure the page with elements that screen readers and search engines understand.

<header>...</header>
<nav aria-label="Main">...</nav>
<main>
  <article>...</article>
  <aside>...</aside>
</main>
<footer>...</footer>

Official HTML 5 documentation

More page structure commands

All page structure commands · HTML 5 cheatsheet

Was this page helpful?