<main> - HTML-елемент основного вмісту

HTML-елемент <main> представляє основний вміст <body> документа. Вміст всередині <main> має бути унікальним для документа і не повинен містити контент, що повторюється на різних сторінках, якщо тільки основним контентом сторінки не є цей контент.

Документ не повинен містити більше одного елемента <main> без атрибуту hidden. Елемент <main> не може бути нащадком елементів <article>, <aside>, <footer>, <header>, або <nav>.

HTML
<main>...</main>

Атрибути

Цей тег може мати глобальні атрибути.

Технічне резюме

Категорія контенту	Потоковий контент, відчутний контент.
Дозволений вміст	Потоковий контент.
Пропуск тегів	Жоден, початковий та кінцевий теги є обов’язковими.
Дозволені батьківські елементи	Будь-який елемент, що приймає потоковий контент, але не `<article>`, `<aside>`, `<footer>`, `<header>`, або `<nav>`.
Роль ARIA	`main`
DOM інтерфейс	`HTMLElement`

Приклади використання

<header>
  <h1>Мій сайт</h1>
  <nav>
    <a href="/home">Головна</a>
    <a href="/about">Про нас</a>
  </nav>
</header>
<main>
  <h2>Заголовок статті</h2>
  <p>Основний вміст статті тут...</p>
</main>
<footer>
  <p>&copy; 2025 Мій сайт</p>
</footer>

<header>
  <h1>Мій сайт</h1>
  <nav>
    <a href="/home">Головна</a>
    <a href="/about">Про нас</a>
    <a href="/contacts">Контакти</a>
  </nav>
</header>
<main>
  <h2>Головна</h2>
  ...
</main>
<main hidden>
  <h2>Про нас</h2>
  ...
</main>
<main hidden>
  <h2>Контакти</h2>
  ...
</main>

Стилі за замовчуванням

CSS
main {
  display: block;
}

Підтримка браузерів



`<main>`