HTML · справочник

Тег main

main отмечает основное уникальное содержимое страницы. Повторяющиеся шапка, меню и подвал обычно остаются за его пределами.

Один главный ориентир

В большинстве документов используется один видимый main. Это помогает программе чтения с экрана сразу перейти к содержимому, минуя повторяющуюся навигацию.

<body>
  <header>...</header>
  <main id="content">
    <h1>Учебник по HTML</h1>
  </main>
  <footer>...</footer>
</body>

Ссылка пропуска

В начале body можно поставить ссылку на main. Пользователь клавиатуры нажмёт её и пропустит длинное меню.

<a class="skip-link" href="#content">К содержанию</a>
<main id="content">...</main>

Частые ошибки

Несколько одновременно видимых main.
Меню и подвал внутри main без необходимости.
Main без главного заголовка страницы.
Вложенный main внутри article.

Практика

Разметь каркас страницы из header, main и footer. Добавь в начало ссылку «К содержанию» и проверь её клавишей Tab.

Связанные темы

header · footer · Доступность