Как правильно использовать h1 в HTML5
Что из следующего является правильным способом структурирования страницы:
1)h1
только вheader
<header>
<h1>Site title</h1>
<nav>...</nav>
</header>
<section>
<h2>Page title</h2>
</section>
Если я используюh1
исключительно внутриheader
как заголовок сайта, каждая страница будет иметь одинаковое содержание дляh1
тег. Это не кажется очень информативным.
2)h1
вheader
а такжеsection
, как для сайта, так и для заголовка страницы
<header>
<h1>Site title</h1>
<nav>...</nav>
</header>
<section>
<h1>Page title</h1>
</section>
Я также видел примеры использованияh1
более одного раза, в обоихheader
а такжеsection
теги. Однако не неправильно ли иметь два заголовка для одной и той же страницы? Этот пример показывает несколько заголовков иh1
тегиhttp://orderedlist.com/resources/html-css/structural-tags-in-html5/
3)h1
только вsection
, подчеркивая заголовок страницы
<header>
<p>Site title</p>
<nav>...</nav>
</header>
<section>
<h1>Page title</h1>
</section>
Наконец, W3, кажется, рекомендует использоватьh1
в основномsection
элемент, это значит, что я не должен использовать его вheader
элемент?
Разделы могут содержать заголовки любого ранга, но авторам настоятельно рекомендуется либо использовать только элементы h1, либо использовать элементы соответствующего ранга для уровня вложенности раздела.