HTML тег <h1>

Элементы <h1><h6> (от англ. "header" ‒ «заголовок») создают заголовки разного уровня в документе. <h1> ‒ высший уровень (наивысшая важность), <h6> ‒ низший уровень (наименьшая важность). Заголовки обычно используются в порядке, соответствующем их уровню.

По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше, а текст заголовка <h4> имеет тот же размер, что и стандартный текст. Элементы <h1><h6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство (margin).

Совет: Поисковые системы используют ваши заголовки для индексации структуры и содержания веб-страниц. Поэтому важно использовать заголовки, чтобы показать структуру документа.

Примечание: Заголовок <h1> должен использоваться только один раз на странице.

Правила составления главного заголовка <h1>:

  • В заголовке <h1> должны использоваться ключевые слова, применяемые для продвижения html-страницы.
  • Не стоит делать заголовок <h1> слишком объёмным, содержание заголовка должно быть уникальным, ёмким и тематичным.
  • Заголовок <h1> не должен содержать ничего кроме самого текста.
  • Содержание <h1> должно соответствовать тематике, указанной в теге <title> веб-страницы.
  • Не стоит делать заголовок <h1> полной копией тега <title>.
  • Не перечисляйте в заголовке ключевые фразы через запятую. Содержание <h1> должно быть понятно как поисковикам, так и посетителям сайта.

Синтаксис

<h1>Заголовок первого уровня</h1>

Закрывающий тег

Обязателен.

Атрибуты

alignУстарел в HTML5
Определяет горизонтальное выравнивание содержимого элемента.

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <h1> со следующими значениями CSS по умолчанию:

h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

Различия между HTML 4.01 и HTML5

В HTML5 атрибут align не поддерживается. Используйте стили CSS.

Пример использования:

Элементы <h1><h6>

Шесть разных HTML заголовков:

Пример HTML:

Попробуй сам
<h1>Заголовок первого уровня</h1>
<h2>Заголовок второго уровня</h2>
<h3>Заголовок третьего уровня</h3>
<h4>Заголовок четвертого уровня</h4>
<h5>Заголовок пятого уровня</h5>
<h6>Заголовок шестого уровня</h6>

Спецификации

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML 4.01 (W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Поддержка браузерами

Похожие страницы

HTML уроки: HTML Элементы

HTML уроки: HTML Базовые теги