Перейти к основному содержимому

Заголовки HTML

Заголовки HTML — это заголовки или подзаголовки, которые вы хотите показать на веб-странице. Они создаются с помощью тегов от <h1> до <h6>. <h1> — самый важный заголовок, а <h6> — наименее важный.

Примечание: Браузеры автоматически добавляют немного отступа (margin) до и после каждого заголовка.

Пример

Все шесть уровней заголовков, от самого важного до наименее важного.

Prompt
Страница, отображающая все шесть уровней заголовков HTML по порядку, от h1 до h6, каждый с надписью от "Заголовок 1" до "Заголовок 6".
Результат: полная HTML-страница

Заголовки важны

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

Используйте их по порядку, чтобы показать структуру: <h1> для заголовка страницы, <h2> для заголовков разделов, <h3> для подразделов и так далее.

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

Пример

Заголовки, использованные для построения структуры туристического гида.

Prompt
Страница, использующая заголовки для отображения структуры документа: h1 "Путеводитель", затем h2 "Европа" с h3 "Франция" и "Италия", затем h2 "Азия" с h3 "Индия" и "Таиланд".
Результат: полная HTML-страница

Более крупные заголовки

У каждого заголовка есть размер по умолчанию, но можно задать любой размер с помощью атрибута style и CSS-свойства font-size.

Пример

<h1>, увеличенный до 60 пикселей.

Prompt
Страница с h1 "Заголовок 1", размер которого установлен в 60px с помощью атрибута style и CSS-свойства font-size.
Результат: полная HTML-страница