Lesson 6 of8
In Progress

Элемент main

03.06.2022

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