Где добавить теги HTML5?

Question

Допустим, вы хотите использовать тег <header> для заголовка вашего сайта.

Но в настоящее время ваш заголовок состоит из 3 элементов (по причинам, связанным с дизайном), например:

<div id="header-wrap">
  <div id="header">
    <div id="header-content">

      ...

    </div>
  </div>
</div>

Так какой из этих DIV следует заменить на <header>? И имеет ли это значение?

Answer 1

Цель новых тегов HTML5 - добавить семантическое значение в ваш документ. С другой стороны, общие элементы, такие как <div>, были сохранены именно потому, что они имеют нет семантического значения. Они идеально подходят для добавления визуальной структуры без влияния на семантическую структуру.

Элемент <header> должен охватывать семантический заголовок. Рискну сказать, что, скорее всего, это самый внешний элемент, который должен быть <header>, поскольку все задействованные элементы явно существуют для поддержки заголовка, но только вы лучше знаете семантическое значение вашего документа, так что вы можете лучше ответить конкретно.