Тег <main>

<main> позначає основний, унікальний для цієї сторінки вміст — без header, footer, sidebar та іншого, що повторюється на кожній сторінці.

Syntax

<main>...</main>

Example

<body>
  <header>...</header>
  <main>
    <h1>Заголовок статті</h1>
    <p>Основний контент...</p>
  </main>
  <footer>...</footer>
</body>

Notes

На документ має бути рівно один видимий main — не декілька.
main не повинен бути вкладений всередину article, aside, footer, header чи nav.

Accessibility

main автоматично отримує ARIA-роль main, що дозволяє screen-читачам одразу перейти до основного контенту (skip navigation).

Схожі інструменти

Тег <body>

Призначення тегу <body>: контейнер усього видимого вмісту сторінки.

Skip-to-content link

Прихована до фокусу skip-link для швидкого переходу до основного контенту.