Задать вопрос

Семантика элемента header?

В спрашиваю раз говорю о «метафизике» — семантике HTML-верстки. Соответственно, все ответные вопросы «а зачем это нужно» имеют один ответ — just for fun.


Согласно текущей спецификации HTML5, элемент header представляет собой группу элементов вводного или навигационного значения. Как правило, он содержит заголовок раздела (section), но также может содержать другие элементы, такие как содержание, форму поиска или относящиеся к содержимому логотипы.


На практике элемент используется как для озаглавливания какого-либо раздела страницы, так и для всей страницы сразу. Иными словами, шапку сайта часто выностян в независимый header. Также, в него часто помещают навигационный кусок сайта, обернутый в элемент nav. Это всё не является ошибками с точки зрения семантики.


Однако, если в шапке сайта требуется разместить еще какую-либо информацию, кроме заголовка страницы и навигации, то можем ли мы для неё использовать элемент section? Например:

<header>
  <h1>Название сайта</h1>
  <nav>
    <h1>Навигация</h1>
    ...
  </nav>
  <section>
    <h1>Контактная информация</h1>
    ...
  </section>
</header>


Иными словами, вопрос заключается в следующем — может ли header содержать в себе section?
  • Вопрос задан
  • 5167 просмотров
Подписаться 5 Оценить Комментировать
Ответ пользователя Константин Китманов К ответам на вопрос (4)
k12th
@k12th
console.log(`You're pulling my leg, right?`);
гм, а если прогнать этот код через валидатор? Если он ругнется на этот section, значит, не может:)
Ответ написан