Заголовки

HTML предоставляет не только теги для простых абзацев, но и шесть отдельных тегов для обозначения заголовков различных размеров и толщин. Заголовки нумеруются от 1 до 6; заголовок 1 имеет самый большой и самый толстый шрифт, а заголовок 6 - самый маленький и тонкий, вплоть до уровня абзаца. В этом разделе описывается правильное использование этих тегов.

Использование заголовков

Заголовки могут использоваться для описания темы. Они определяются с помощью тегов от <h1> до <h6>. Заголовки поддерживают все глобальные атрибуты.

  • <h1> определяет наиболее важный заголовок.
  • <h6> определяет наименее важный заголовок.

Определение заголовка:

<h1> Заголовок 1 </h1>
<h2> Заголовок 2 </h2>
<h3> Заголовок 3 </h3>
<h4> Заголовок 4 </h4>
<h5> Заголовок 5 </h5>
<h6> Заголовок 6 </h6>

Правильная структура

Поисковые системы и другие агенты обычно индексируют содержимое страницы на основе элементов заголовка, например, для создания оглавления, поэтому важно использовать правильную структуру заголовков. В общем, статья должна иметь один элемент h1 для основного названия, за которым следуют подзаголовки h2, при необходимости и далее снижается уровень. Если на более высоком уровне присутствуют элементы h1, они не используются для описания содержимого более низкого уровня. Пример документа (отступы для иллюстрации иерархии):

<h1>Основное название</h1>
<p>Введение</p>
    <h2>Причины</h2>
       <h3>Причина 1 1</h3>
       <p>Абзац</p>
       <h3>Причина 2</h3>
       <p>Абзац</p>
   <h2>Вывод</h2>
   <p>Абзац</p>