Тег <h1>

Описание

Тег <h1> представляет собой заголовок первого уровня и является самым важным заголовком в иерархии HTML-документа. Он определяет основную тему страницы или раздела.

Основной заголовок страницы:
<h1>Главные новости науки и технологий</h1>
Заголовок с подзаголовком:
<header> <h1>Курс веб-разработки</h1> <p class="subtitle">Полное руководство для начинающих</p> </header>

Ключевые особенности:

  • Должен быть единственным на странице (для SEO)
  • Определяет главную тему контента
  • По умолчанию отображается крупным жирным шрифтом
  • Влияет на семантическую структуру документа
  • Важен для доступности и поисковой оптимизации

Рекомендации по использованию:

  • Размещайте в начале основного контента
  • Содержание должно точно отражать тему страницы
  • Избегайте слишком длинных формулировок (оптимально 5-8 слов)
  • Не используйте для чисто декоративных целей
  • Сохраняйте логическую иерархию заголовков (h1 > h2 > h3)

Тег <h1> является фундаментальным элементом семантической разметки и должен использоваться осмысленно для структурирования контента.

Атрибуты

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