HTML-теги h1, h2, h3 h4, h5 и h6 необходимы для создания заголовков и подзаголовков. H1 является заголовком верхнего уровня, а h6 ─ заголовком самого низкого уровня.
Пример:
<h1> Основной заголовок </h1>
<!-- stuff -->
<section>
<h2> Подзаголовок </h2>
<!-- sub-stuff -->
</section>
<section>
<h2>Другой подзаголовок</h2>
<!-- sub-stuff -->
<h3> Подзаголовок подзаголовка </h3>
<!-- sub-sub stuff -->
</section>Заголовки не обязательно должны отображаться в section элементах, как показано в этом примере.
Если они это сделают, section элементы семантически рассматриваются как подразделы их родительского элемента, их содержимое может начинаться с h1 элементов, и эти заголовки будут рассматриваться как подзаголовки.
Однако вполне допустимо использовать h2 элементы, как показано выше. Это поддерживает хорошую семантику и имеет дополнительное преимущество обратной совместимости с браузерами, которые не распознают section элементы. Такой подход используется многими сайтами.
Страницы в тему:
- HTML-тег: section
Все HTML-теги
a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del dfn div dl dt em embed fieldset figcaption figure footer form h1 — h6 head header hr html i iframe img input ins kbd keygen label legend li link main map mark meta meter nav noscript object ol optgroup option output p param pre progress q rb rp rt rtc ruby s samp script section select small source span strong style sub sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr
Уроки:
- Заголовки (Урок HTML для начинающих)
