Элемент <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>
Lesson Content