Сайт в разработке Наполняем разделы и правим ошибки — что-то может выглядеть или работать не так. Если заметили — позвоните или напишите.

Заголовки и абзацы в HTML

Как выстроить структуру текста через h1–h6 и p, чтобы страницу понимали посетители и поисковые системы.

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

Иерархия h1–h6

<h1>Разработка интернет-магазина</h1>
<p>Короткое описание услуги.</p>
<h2>Что входит в работу</h2>
<h3>Каталог товаров</h3>
<p>Настраиваем карточки, фильтры и поиск.</p>

Главный заголовок h1 на странице один. Далее используйте h2 для крупных разделов, h3 для их подразделов. Не перескакивайте с h2 сразу на h4 только из-за внешнего вида.

Абзацы и смысловые элементы

Текст оформляют тегом p. Для важности подходит strong, для смыслового акцента — em, для цитаты — blockquote. Внешний вид всех этих элементов настраивается CSS.

Дополнительно: семантические теги, title и description, доступность страницы.

Другие термины

<article> в HTML: назначение и пример

article в HTML. Выделяет самостоятельный материал: публикацию, новость или другую часть, которую можно рассматривать отдельно от остальной страницы.

<aside> в HTML: назначение и пример

aside в HTML. Выделяет материал, косвенно связанный с основным содержимым: примечание, справку или блок дополнительных ссылок.

Заявка

Расскажите о проекте

Свяжемся в течение рабочего дня, зададим уточняющие вопросы и предложим варианты. Без навязчивых звонков.

Форма обратной связи

Отвечаем в рабочие дни с 10:00 до 19:00

Написать в Telegram