<h2>
- 25 января 2023
Тег <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.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023