' Заголовки в HTML | Шнайдер блог

Заголовки в HTML

Заголовки не только показывают степень важности раздела (в HTML предусмотрено шесть уровней заголовков), но регулируют размер текста. Так, чем выше уровень заголовка, тем крупнее текст: <h1> — заголовок первого уровня и отображается он наиболее “масштабно”, тогда как <h6> — самый нижний. Правильное использование заголовков, как часть форматирования текста, не только способствует повышению читабельности страницы, но и играет немаловажную роль в продвижении сайта.

Заголовки с крупным шрифтом (<h1>, <h2>, <h3>) зачастую применяются используются для “указания” разделов документа. Теги <h4> мало чем отличается от размера основного текста страницы, а теги <h5> и <h6> отлично подходят для выделения таких справочных данных, как, например, информация об авторских правах.

Рассмотрим, как выглядят заголовки на примере:

<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>Заголовки в HTML</title>
</head>
<body>
 <h1>Заголовок 1-го уровня</h1>
 <h2>Заголовок 2-го уровня</h2>
 <h3>Заголовок 3-го уровня</h3>
 <h4>Заголовок 4-го уровня</h4>
 <h5>Заголовок 5-го уровня</h5>
 <h6>Заголовок 6-го уровня</h6>
</body>
</html>

Как заголовки отображаются в браузере:


Категории


Хостинг сайтов

Популярное в категории