Семантически для HTML, как вы думаете, правильное использование для заголовка

Question

Вот то, что я считаю чисто семантическим вопросом для урегулирования спора, который у нас сейчас есть.Какой фрагмент кода ниже является семантически правильным или они оба верны.Что бы вы использовали?

<div id="header">
<header>

</header>
</div>

или:

<header>
<div id="header">

</div>
</header>

Answer 1

Как указано в http://html5doctor.com/the-header-element/

Согласно спецификации элемент заголовка представляет собой группу вводных или навигационных пособий. Элемент заголовка обычно содержит заголовок раздела (элемент h1 – h6 или элемент hgroup), но может также содержать другое содержимое, например, оглавление, форму поиска или любые соответствующие логотипы.

поэтому для заголовка сайта (или для вводного содержимого элемента section) элемент <header> хорош и более семантичен, чем обычный <div>.

Так что ваш второй пример более уместен, но идентификатор не нужен для стилизации. header > div может оформить это

Answer 2

Если вы используете HTML5 и модернизатор или что-то в этом роде, зачем вам вообще такой div? Просто стиль заголовка тега. Если вы не можете использовать HTML5, просто придерживайтесь div. Использование обоих кажется излишним.