Тег <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, что позволяет скринридерам сразу перейти к основному контенту (skip navigation).

Похожие инструменты

Тег <body>

Назначение тега <body>: контейнер всего видимого содержимого страницы.

Skip-to-content link

Скрытая до фокуса skip-link для быстрого перехода к основному контенту.