Тег <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