Заголовки в HTML служат для организации структуры содержимого и создания иерархии заголовков на веб-странице.

Заголовки HTML определяются с помощью тегов <h1> — <h6>.

Тег <h1> определяет самый важный заголовок. Тег <h6> определяет наименее важный заголовок.

<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
<h4>Заголовок 4</h4>
<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>

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

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

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

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

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

Примечание: Используйте заголовки HTML только для заголовков. Не используйте заголовки для увеличения размера текста или его выделения.

Большие заголовки

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

Пример:

<h1 style="font-size:60px;">Заголовок 1</h1>