Главная/ Cправочник HTML, CSS, Javascript/ HTML справочник : HTML теги, HTML атрибуты, мета теги, спецсимволы/ Tags/ HTML теги заголовков (h1, h2, h3, h4, h5, h6) | назначение, синтаксис, атрибуты, примеры

Теги h1-h6

Последнее обновление: 22.01.2011

Теги <h1>, <h2>, <h3>, <h4>, <h5>, <h6> (англ. header — заглавие) — теги-контейнеры, используются для создания заголовков.

Шесть уровней заголовков отличаются «важностью» и величиной шрифта. <h1> — самый важный и большой, <h6> — самый маленький. По умолчанию <h4> отображается тем же размером, что и стандартный текст.

Обычно заголовок кратко описывает смысл раздела, которому он предшествует.

Блочные элементы.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис


<h1>...</h1>
...
<h6>...</h6>

Атрибуты



align выраванивание заголовка

  • left — по левому краю (по умолчанию)
  • center — по центру
  • right — по правому краю
  • justify — выравнивание по ширине
class определяет имя используемого класса
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
id уникальный идентификатор
lang определяет язык отображаемого документа
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style задает встроенную таблицу стилей
title всплывающая подсказка

Пример

Заголовки всех размеров


<h1>Заголовок h1</h1>

<h2>Заголовок h2</h2>

<h3>Заголовок h3</h3>

<h4>Заголовок h4</h4>

<h5>Заголовок h5</h5>

<h6>Заголовок h6</h6>

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

  • закрывающий тег обязателен (</h1>-</h6>)
  • может содержать CDATA и строчные элементы
  • обязательных атрибутов нет
  • разные браузеры по умолчанию могут по разному отображать теги заголовков, для кроссбраузерности используйте таблицы стилей
  • используйте теги заголовков, только для создания заголовков, чтобы не нарушить логическую структуру документа
  • не рекомендуется использовать атрибуты для форматирования содержимого, вместо используйте таблицы стилей

Поисковые системы придают больший вес словам, обозначенным, как заголовки. Самый большой вес имеет заголовок первого уровня — тег <h1>. Он должен быть на странице в единственном экземпляре.

При верстке старайтесь грамотно использовать заголовки. Количество заголовков на странице:

  • тег <h1> — 1
  • тег <h2> — 2-3
  • тег <h3> — 3-6
  • тег <h4> — 6-12

и т.д.

Твой код:

Результат: