Синтаксис

<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>

Описание

Теги <h1>-<h6> (от англ. heading — заголовок) представляют собой заголовки от 1 до 6 уровня, где тег <h1> является наиболее важным заголовком первого уровня, а тег <h6> служит для обозначения заголовка шестого уровня и является наименее значимым.

В заголовке <h1> должны использоваться ключевые слова, применяемые для продвижения HTML-страницы. Тег отображается самым крупным шрифтом жирного начертания и должен использоваться только один раз на странице. Заголовки следующих уровней отображаются меньше по размеру.

Тег <h2>, чаще всего, используется для заголовков постов в ленте, размещенной на главной странице или для подзаголовков в статье.

Зачастую с помощью тега <h3> и <h4>  выделяют названия подзаголовков, рубрик и виджетов в сайдбаре.

Теги <h5> и <h6> предназначены для более мелких элементов страниц, которые следует отделить от остального текста.

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

Атрибуты, которые можно использовать в тегах <h1>-<h6>, указаны ниже. Также теги поддерживают глобальные атрибуты и атрибуты события.

Атрибуты

Пример

HTML-код:

Отображение в браузере:

Параметры CSS по умолчанию

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

h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h4 {
    display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

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