HTML5 заголовки разделов

Question

Скажем, у меня есть раздел контента на моей странице, т.е.

Заголовок 1
Некоторый контент

Как лучше всего представить это с помощью HTML5?

<section>
    <header>
        <h1>Heading 1</h1>
    </header>
    <p>Some content</p>
</section>

Или это будет:

<section>
    <h1>Heading 1</h1>
    <p>Some content</p>
</section>

Полагаю, я немного запутался, нужен ли здесь тег заголовка или он излишний. Я читал спецификации и ничего не видел по этому адресу.

Answer 1

<header> было сделано для замены традиционного <div id="header"> - обычного места для баннеров, логотипов и прочего над сайтом.

в вашем случае ваш "заголовок" - это больше заголовок для следующего контента. для этого подходит пара заголовок + параграф.

<section>
    <h1>Heading 1</h1>
    <p>Some content</p>
</section>