HTML тег `<h1>`

Значение и применение

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

HTML заголовки определяются тегами от <h1> до <h6>:

<h1> определяет наиболее важные заголовки, а <h6> определяет наименее важные заголовки (<h1> заголовки должны быть основными заголовками, затем следуют заголовки <h2> и так далее). Браузеры автоматически добавляют пустое пространство до и после каждого заголовка.

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

Настоятельно рекомендуется использовать только один заголовок первого уровня на одной странице.

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

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.h1
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`h1`	✓1	✓12	✓1	✓15	✓1	✓18	✓4	✓14	✓1	✓1.0	✓4.4	✓1
No user agent styles in <article>, <aside>, <nav>, and <section>.	✓140	✓140	✓140	✓124	✓26.2	✓140	✓140	✓92	✓26.2	✓30.0	✓140	✓26.2

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Атрибуты

Атрибут	Значение	Описание
`align`	`left right center justify`	Не поддерживается в HTML5. Определяет выравнивание текста в заголовке. Используйте CSS свойство `text-align` вместо данного атрибута.

Примеры, попробуйте сами

Уровни заголовков

Измените h1. Уровень отражает вложенность раздела, а не только размер шрифта.

index.html

HTML

<h1>Учебный курс</h1>
<p>Текст раздела.</p>

Отличия HTML 4.01 от HTML 5

Атрибут align не поддерживается в HTML5.

Значение CSS по умолчанию

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 тег <h1>