Какую информацию озаглавливают заголовки?

Question

[MrIngo]

Какую информацию озаглавляют заголовки например:

<section>
<header>
<div>
<footer>
<h3>заголовок</h3>
</footer>
</div>
</header>
</section>

Всю та что в секции? Или только которая в футере?

А в таком случае:

<section>
<header>
<div>
<footer>
<h3>заголовок</h3>
</footer>
<footer>
<h3>Заголовок2</h3>
</footer>
</div>
</header>
</section>

А тут:

<section>
<header>
<h2>заголовок</h2>
</header>
<header>
<h2>заголовок2</h2>
</header>
</section>

Comments

[Aleksandr_K]

Семантика, скорее так - Озаглавить - дать заглавие, заголовок чему либо"
Скорее заголовок относиться к секции

Answer 1

[Сергей delphinpro]

Ну а самому проверить никак? https://validator.w3.org/nu/#textarea

Первые два варианта - неправильные

spoiler

В третьем не хватает некоторых элементов, но это потому, что разметка не полная.

spoiler

Comments

[MrIngo]

Этот сайт не показывает какая информация какому заголовку принадлежит. Там просто выводится дерево заголовков

[Сергей delphinpro]

MrIngo, он вам показывает структуру, – то, как видят контент роботы и читалки. А дальше включайте голову.
Код на вашем последнем скрине - фигня. Думаю, должно быть понятно, что сначала идут заголовки, а потом тексты.

Ну и документацию не забывайте читать! Вы, новички, никогда этого не делаете почему-то.
Если бы читали, то знали, что элемент header не создает новую секцию контента, а просто служит для группировки заголовка, вводного текста, навигации и некоторых других данных по текущей секции контента.
В итоге, у вас получается ровно та структура контента, что показал валидатор.

Section, в свою очередь, – самостоятельный контентный раздел, который может иметь заголовок (а может и не иметь).

Article – это целая статья, отдельный смысловой блок. Под словом "статья" подразумевается не обязательно статья, это может быть просто интро в списке статей. Может состоять из нескольких секций. Как правило, должен содержать заголовок.

Ну и так далее. Читайте документацию. Множество вопросов отпадут сами собой.

[Сергей delphinpro]

да, и прямой ответ на ваш вопрос – на последнем скрине два заголовка, которые принадлежат элементу section. Просто эти два заголовка сгруппированы в хедерах (header).
Тексты "Информация 1" и "Информация 2" являются вводным текстом к содержимому секции (которого нет =) )