Тег <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) |
accesskey | Горячая клавиша для активации элемента |
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 |