Одновременно в документе должен присутствовать только один видимый элемент <main>. Если у вас их несколько, то все остальные должны быть скрыты. Является глобальным атрибутом

Используем тег <main>, чтобы указать на основное содержимое нашего документа.

<!-- Шапка сайта -->
<header>
    Логотип, описание, форма поиска, телефон и т.д.
</header>
<!-- Основная навигация -->
<nav>
    <ul>
        <li><a href="#">О нас</a></li>
        <li><a href="#">Новости</a></li>
        <li><a href="#">Продукция</a></li>
        <li><a href="#">Контакты</a></li>
    </ul>
</nav>
<!-- Основное содержимое -->
<main>
    <h1>Основное содержимое</h1>
    <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam facilis veniam vel mollitia, itaque, quis placeat, magnam explicabo autem porro sed provident suscipit officiis repellendus tempore. Aut reprehenderit alias ea.
    </p>
</main>
<aside>Вспомогательная колонка</aside>
<!-- Подвал сайта -->
<footer>
    Информация об авторских правах, отказ от ответственности, ссылки на социальные сети автора и т.д.
    <address>
   Вы можете связаться с нами по почте <a href="mailto:example@email.com">mailto:example@email.com</a><br>
   Или посетить наш офис по адресу:<br>
   г. Москва, ул. Дыбенко, д.36
 </address>
</footer>

Одновременно в документе должен присутствовать только один видимый элемент <main>

<main>...</main>
<main hidden>...</main>
<main hidden>...</main>

Заключение

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