Тег <h2>
Описание
Тег <h2> создает заголовок второго уровня в иерархии HTML-документа. Используется для разделов, подчиненных основному заголовку <h1>.
<article>
<h1>Правила здорового питания</h1>
<h2>Основные принципы</h2>
<p>Сбалансированный рацион...</p>
<h2>Рекомендуемые продукты</h2>
<p>Фрукты, овощи, злаки...</p>
</article>
Ключевые особенности:
- Должен следовать после
<h1>в иерархии - Может использоваться несколько раз на странице
- По умолчанию отображается крупным шрифтом (меньше h1)
- Важен для структуры документа и SEO
- Может содержать вложенные
<h3>-<h6>
Рекомендации по использованию:
- Используйте для основных разделов контента
- Сохраняйте логическую последовательность заголовков
- Делайте заголовки краткими и информативными
- Избегайте пропуска уровней (не размещайте h3 после h1)
- Для визуального выделения используйте CSS, а не уровень заголовка
Тег <h2> помогает организовать контент на странице и улучшает пользовательский опыт при навигации по документу.
Атрибуты
| align | Горизонтальное выравнивание текста (left|center|right|justify) |
| class | CSS-классы для стилизации элемента |
| contenteditable | Разрешает редактирование содержимого |
| data-* | Пользовательские данные элемента |
| dir | Направление текста (ltr|rtl) |
| hidden | Скрывает элемент от отображения |
| id | Уникальный идентификатор элемента |
| lang | Язык содержимого элемента |
| spellcheck | Включает проверку орфографии |
| style | Инлайновые CSS-стили элемента |
| tabindex | Порядок перехода при навигации по Tab |
| title | Всплывающая подсказка для элемента |
| translate | Определяет возможность перевода содержимого |
Поддержка браузерами
![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|
| 3.0 | 1.0 | 2.0 | 1.0 | 1.0 |




