Semantic & Interactive

<main> Tag

The dominant content of the page — exactly one per page.

1One Main per Page

<main> wraps the unique content of the page (everything that is not site-wide header, nav, or footer). Use it once per document so screen readers can jump straight to it.

Example Code

<body>
  <header>...</header>
  <main>
    <h1>Article title</h1>
    <p>The unique page content.</p>
  </main>
  <footer>...</footer>
</body>

Finished reading?

Mark this topic as complete to track progress.

Next Topic