Элемент <main>

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

<main> нельзя вставлять внутрь элементов <article>, <aside>, <footer>, <header>, <nav>, <section> из-за того, что эти элементы допускается использовать несколько раз.

В примере 1 показана веб-страница, содержащая шапку <header>, подвал <footer> и навигацию <nav>. Это повторяющиеся части сайта, поэтому они не включаются в <main>. Сам элемент <main> находится между ними и содержит элементы <article> и <aside>.

Пример 1. Использование <main>

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>main</title> </head> <body> <header><h1>Black Mesa Research Facility</h1></header> <nav> <a href="#">О нас</a> <a href="#">Контакты</a> <a href="#">Вакансии</a> </nav> <main> <article> <h2>Наблюдение запутанности Эйнштейна-Подольского-Розена на супраквантовых структурах при пропускании через нелинейный трансурановый кристалл импульса сверхдлинных волн из набора источников синхронизированных мод.</h2> <footer><p>Автор: Гордон Фримен, канд. физ.-мат. наук</p></footer> </article> <aside> Комментарии и пояснения </aside> </main> <footer>Copyright Black Mesa</footer> </body> </html>

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 01.06.2020
Редакторы: Влад Мержевич
Как научиться разрабатывать сайты