Теги h1, h2, h3, h4, h5 и h6 (напомню, h - сокращение от английского слова heading, то есть заголовок) помогают наглядно обозначить заголовки на веб-странице. У каждого из них свой вес: важность определяется цифрой после буквы h, поэтому h1 ощущается главным, а h6 - самым спокойным и вторичным.

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

Очень удобно, что такие заголовки позволяют посетителям быстро сориентироваться даже на странице, где информации целое море. Взгляд легко скользит по ним, нужный блок находится почти сразу, а чтение становится заметно комфортнее. Правильное использование тегов заголовков помогает не только визуально ориентироваться (это можно сделать и другими способами), но и уверенно находить нужное людям с ограниченными возможностями - например тем, кто пользуется речевыми браузерами.

У тегов h1 - h6 предусмотрена поддержка атрибутов.

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