🌐 Свой первый сайт Урок 2 из 16 · 0 из 16

Урок 2. Заголовки: от главного к мелкому

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

Заголовки в HTML пронумерованы: <h1>, <h2>, <h3> и так до <h6>. Чем больше число — тем мельче заголовок и тем менее он важен.

Это как в книге: h1 — название всей книги, h2 — названия глав, h3 — подзаголовки внутри главы. Никому не придёт в голову назвать главу крупнее, чем всю книгу, — вот и на странице так же.

<h1>Мой сайт про котов</h1>
<h2>Породы</h2>
<h3>Мейн-кун</h3>
<h3>Сфинкс</h3>
<h2>Как ухаживать</h2>

Правило, которое стоит запомнить сразу

h1 на странице должен быть один. Это главная мысль страницы, а главных мыслей не бывает три;
уровни нельзя перепрыгивать: после h1 идёт h2, а не сразу h4;
заголовок — это про смысл, а не про размер. Если нужен просто крупный текст, его делают через CSS, а не заголовком.

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

Твой прогресс

Опыт и значки хранятся прямо в этом браузере — ни имени, ни почты для этого не нужно. Все треки и значки →

Частые вопросы

Сколько заголовков h1 может быть на странице?

Один. h1 — это название всей страницы, и если их несколько, браузер и поисковик не понимают, о чём страница на самом деле. Все остальные заголовки делаются тегами h2–h6.

Можно ли пропустить уровень и после h1 сразу поставить h3?

Технически можно, страница не сломается, но так делать не стоит: структура станет нелогичной. Правильный порядок — h1, потом h2, внутри него h3.