Как мы уже разбирали ранее, для структурирования текстового содержания важно правильно озаглавить основные разделы документа.

Как правило, в разделы <section> и <article> включают заголовки, резюмирующие содержимое разделов.

Всего может быть шесть уровней заголовков. Размечаются они тегами <h1>, <h2> … <h6>. А как правильно определить нужный уровень заголовков?

При озаглавливании разделов учитывается общая иерархия текстового содержимого страницы: сначала определяется, о чём эта страница целиком, какие разделы документа более крупные, какие — дополнительные. В итоге заголовки должны из себя представлять явное дерево: от главного <h1> на странице до структурно следующих за ним <h2>, <h3> и так далее.

Пример:

h1 — Интернет-магазин зоотоваров «Усы, лапы и хвост»
h2 — Список товаров
h2 — Похожие предложения
h3 — Когтеточка «Росомаха»
h3 — Палка с пером «Шерстяной охотник»
…

Если в дизайне страницы у раздела не предусмотрен заголовок, его всё равно следует добавлять в разметку. При этом с помощью стилей заголовки можно «визуально спрятать», но оставить доступным их содержимое. Подробнее об этом рассказывается в Шорте «Как прятать».