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

Перейти к заданиям

Автор: Влад Мержевич
Последнее изменение: 19.04.2025

Вопрос 1 из 5

Что определяет элемент <main>?
Центральную колонку в макете.
Главную статью.
Независимый фрагмент веб-страницы.
Основное содержимое веб-страницы.

Заполните пустые поля.

  < src="logo.png" alt="">
  Заголовок сайта</div>
</header>
Основное содержимое</main>

Расставьте в правильном порядке.

  
    Комментарии</h2>
    Аффтар жжот!
</article></main><main><p><h2><article></p>