Тег <main>

HTML-элемент <main> представляет собой основную область содержимого документа. Он должен быть уникален для документа и исключать содержимое, которое повторяется в ряде документов, такое как ссылки навигации сайта, информация в шапке или подвале.

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

Вот пример того, как тег <main> может быть использован в HTML-документе:

<!DOCTYPE html>
<html>
<head>
    <title>Название страницы</title>
</head>
<body>
    <header>
        <!-- Содержимое заголовка -->
    </header>
    <nav>
       <!-- Меню навигации -->
    </nav>
    <main>
        <h1>Главный заголовок</h1>
        <p>Это основное содержимое страницы.</p>
    </main>
    <footer>
        <!-- Содержимое подвала -->
    </footer>
</body>
</html>

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

На момент отсечения в 2021 году все основные браузеры поддерживают этот элемент. Однако некоторые вспомогательные технологии могут не полностью поддерживать его, поэтому некоторые разработчики используют role="main" для лучшей поддержки.