22. Заголовки и подзаголовки в HTML

В предыдущих уроках мы знакомились со структурой веб-страницы. С этого урока начнем говорить о тегах разметки текста.

Заголовки в HTML используются достаточно часто. Они помогают структурировать большой объем информации на веб-странице. Заголовки делятся на несколько уровней: самый большой, по размеру шрифта, заголовок первого уровня (<h1>), а самый мелкий – шестой (<h6>).

Теги заголовков в HTML обозначаются как буква h с цифрой (уровнем заголовка). Заголовок первого уровня (<h1> … </h1>), это не только самый крупный заголовок по размеру шрифта, но и самый главный по значимости.

Если посмотреть на заголовки со стороны SEO (поисковая оптимизация), то заголовок первого уровня влияет на продвижение сайта. Во-первых, заголовок <h1> должен быть один на всю страницу. Во-вторых, в заголовке первого уровня должны быть указаны продвигаемые ключевые слова (поисковые системы уделяют большое внимание заголовкам HTML).

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

Пример со всеми заголовками HTML:

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

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

Теперь пройдите простое практическое задание по этим тегам и переходите к следующему уроку.

Похожие уроки Codebra

1. Посмотрите на код, там есть не выделенные заголовки, например, Заголовок первого уровня. Ваша задача выделить все эти заголовки. Теги, которыми вы оборачиваете текст, должны совпадать по смыслу с текстом, то есть <h1>Заголовок первого уровня</h1>.
2. Оберните текст Заголовок первого уровня
3. Оберните текст Заголовок второго уровня
4. Оберните текст Заголовок третьего уровня
5. Оберните текст Заголовок четвертого уровня
6. Оберните текст Заголовок пятого уровня
7. Оберните текст Заголовок шестого уровня

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.