Куда семантичнее класть H1 — в HEADER или в MAIN?

Question

[Odisseya]

Куда семантически логичнее помещать <h1>, в заголовок страницы или в основное содержание?
Где чаще оказывается ваш <h1>?

Comments

[alex-1917]

Да не смотрят уже поисковики на эти задумки от разработчиков формата HTML5!!)) Соответствует стандарту - хорошо, нет ни одного main или header - да по барабану, в топе совсем другие сайты. Хотя если вы анонсируете всем посетителям свой сайт как имеющий указанные теги, то наверное тогда да))) Представил такой себе огромный баннер в шапке -
Мы используем теги MAIN! В качестве бонуса и только сегодня тег H1 расположен в секции HEADER! Успейте посмотреть!!

Answer 1

[alvvi]

В упрощенном видео обычно либо

<header><nav></nav></header>
<main> 
  <section class="hero"><h1></h1></section>
</main>

либо

<header>
   <nav></nav> 
   <section class="hero">
     <h1></h1> 
   </section>
</header>

У меня лично это зависит от того, разные ли hero-секции на страницах или однообразны. Не вижу особой разницы в смеантике между двумя вариантами.

Answer 2

[Dimonchik]

ну в какой header? всегда в тексте

Answer 3

[eirenka]

В header, по стандартам html5. Такая инфа была в ЯндексПрактикуме

Comments

[Odisseya]

В большинстве случаев так и есть (стоит класть H1 в header), но все же это лишь распространенный частный случай. Например, структура вида:

<header><nav></nav></header>
<main>
    <h1></h1>
    …
</main>

также будет семантически корректна. Проверить логичность структуры можно построив «Outline» документа и структуры заголовков. В спецификации контекст применения заголовочных элементов не ограничен тегом header (указан как Flow content).

Answer 4

[Одиночка Айс]

В заголовок это куда? В title что ли? И что такое MAIN? Заголовок должен быть в теле документа.

Answer 5

[Ну вот опять 25]

Нет такого слова: Семантичнее

Семантика html-элементов это их роль, назначение.

Заголовок может быть где угодно.

Answer 6

[alex-1917]

Заголовок должен что-то озаглавливать, поэтому однозначно в начале текста.
А ваши эти header или main - это вообще ниочем, что это в вашей ситуации?? похоже на типичный шаблон WP - там эти секции кто в лес кто по дрова, видел даже как-то H1 перед крошками, но зато в секции MAIN... )))