Элементы <h1> — <h6>

Элементы <h1> — <h6> (от англ. heading — заголовок) представляют собой заголовки разделов. Каждый из этих элементов имеет уровень заголовка, заданный числом в названии. Например, <h1> обозначает заголовок первого уровня, <h2> — второго уровня, и так далее. Уровень заголовка соответствует уровням вложенных разделов. Элемент <h1> предназначен для раздела верхнего уровня, <h2> — для подраздела, <h3> — для подподраздела и так далее, вплоть до <h6>.

Элементы <h1> — <h6> используются для структурирования и иерархии контента на веб-странице. Не пропускайте уровни заголовков: всегда начинайте с <h1>, затем используйте <h2>, <h3> и т. д.

Использование нескольких элементов <h1> на одной странице разрешено стандартом HTML (если разделы не вложены друг в друга), но это может считаться плохой практикой. Хорошо, когда на странице есть единственный элемент <h1>, который описывает содержимое этой страницы.

Категории	Потоковое содержимое, заголовочное содержимое, явное содержимое.
Синтаксис	`<h1>...</h1>` `<h2>...</h2>` `<h3>...</h3>` `<h4>...</h4>` `<h5>...</h5>` `<h6>...</h6>`
Опускание тегов	Начальный и конечный теги обязательны.
Модель содержимого	Фразовое содержимое.

Атрибуты

Для элементов <h1> — <h6> доступны глобальные атрибуты и события.

Стиль по умолчанию

Стиль по умолчанию для элементов <h1> — <h6>, определённый в спецификации HTML:

h1, h2, h3, h4, h5, h6 {
  display: block;
  font-weight: bold;
}

h1 {
  font-size: 2.00em;
  margin-block: 0.67em;
}

h2 {
  font-size: 1.50em;
  margin-block: 0.83em;
}

h3 {
  font-size: 1.17em;
  margin-block: 1.00em;
}

h4 {
  font-size: 1.00em;
  margin-block: 1.33em;
}

h5 {
  font-size: 0.83em;
  margin-block: 1.67em;
}

h6 {
  font-size: 0.67em;
  margin-block: 2.33em;
}

Пример

<!-- Все заголовки -->
<h1>Заголовок 1-го уровня</h1>
<h2>Заголовок 2-го уровня</h2>
<h3>Заголовок 3-го уровня</h3>
<h4>Заголовок 4-го уровня</h4>
<h5>Заголовок 5-го уровня</h5>
<h6>Заголовок 6-го уровня</h6>

<hr>

<!-- Простой пример использования заголовков -->
<h1>Мир растений</h1>

<h2>Введение</h2>
<p>Обычный текст...</p>

<h2>Типы растений</h2>
<h3>Деревья</h3>
<p>Обычный текст...</p>

<h3>Кустарники</h3>
<p>Обычный текст...</p>

<h3>Травы и цветы</h3>
<p>Обычный текст...</p>

<h2>Заключение</h2>
<p>Обычный текст...</p>