Semantic structural elements

Semantic structural elements describe the role of a page's areas rather than their appearance: <header>, <nav>, <main>, <section>, <article>, <aside>, <footer>. They improve accessibility, code readability and search engines' understanding of the page.

Example

<main>
  <article><h1>Title</h1></article>
</main>

Related concepts

The whole glossary