Тег <h2> используется для создания заголовка второго уровня. Это более мелкий заголовок, чем <h1>, он подходит для названия раздела или подраздела на странице.

Синтаксис тега <h2>

<h2>Заголовок второго уровня</h2>

Спецификация HTML

Тег является частью спецификации HTML Living Standard.

Семантический или нет

Тег <h2> считается семантическим, поскольку несёт в себе смысл и точно передаёт назначение своего содержимого. Он указывает на то, что содержимое страницы имеет разделы и подразделы с определённой иерархией.

Примеры использования

Заголовок раздела на странице:

<h2>Основные характеристики товара</h2>

Разделы одной статьи:

<h2>История развития компьютерных игр</h2>
...
<h2>Технические аспекты игровых процессов</h2>

Оглавление страницы:

<h2>Содержание</h2>

Заголовок блока на странице:

<h2>Свежие новости</h2>

Для чего использовать тег <h2>

  • Для заголовка раздела страницы.
  • Для заголовка блока контента, например, с новостями или комментариями.
  • Для заголовка подраздела.
  • Для заголовка формы.
  • Для заголовка в панели навигации.

Атрибуты тега <h2>

Тег <h2> не имеет контентных атрибутов.

Глобальные атрибуты

Тег поддерживает все глобальные атрибуты HTML.

Ограничения

Тег <h2> не должен использоваться без контекста внутри тега <body>.

Нюансы

  • Используйте тег <h2> для озаглавливания разделов и подразделов страницы. Он должен располагаться только после тега <h1>, который создаёт главный заголовок страницы.
  • Не стоит использовать тег <h2> только для стилизации текста, лучше использовать соответствующие теги (например, <strong> или <em>) и CSS-стили.
  • Тег <h2> должен использоваться в соответствии с его семантическим значением.

Поддержка браузерами

Тег поддерживается всеми современными браузерами.

Альтернативные теги

Тег можно заменить на другой элемент, который подходит для озаглавливания раздела или подраздела, например <h3>, <h4>, <h5> или <h6>, в зависимости от иерархии заголовков на странице.

Актуальность

Тег <h2> является актуальным, можете использовать его в веб-разработке.


Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<div>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<dl>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<option>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<ul>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023