Теги заголовков <h1> - <h6> HTML подзаголовки

Рейтинг: 5 из 5, голосов 2
+++++

Тег <h1> - <h6> в HTML используются для определения заголовков на веб-странице.

Всего существует шесть тегов заголовков HTML:

  • <h1> - заголовок первого уровня;
  • <h2> - заголовок второго уровня;
  • <h3> - заголовок третьего уровня;
  • <h4> - заголовок четвертого уровня;
  • <h5> - заголовок пятого уровня;
  • <h6> - заголовок шестого уровня.

HTML заголовок <h1> имеет наибольшее значение, является главным заголовком HTML документа.

Заголовки имеют строгую иерархию. Заголовок HTML <h2> является подзаголовком <h1> и имеет меньшее значение, чем <h1>, но большее, чем <h3> и т.д.

Использовать HTML заголовки необходимо в последовательности от <h1> до <h6>. Использование заголовка меньшего значения, без наличия заголовка большего значения (например использовать <h4>, если не использован <h3>) является ошибкой.

Обычно на странице сайта используется один заголовок <h1>, который может содержать несколько подразделов <h2>, разделенных на подзаголовки <h3> и т.д.

Рекомендации по использованию тегов заголовков описаны в статье: Как правильно писать HTML заголовки для сайта.

Браузеры обычно выделяют заголовки размером шрифта и добавляют пустое место до и после них. Заголовок HTML <h1> имеет наибольший размер шрифта, заголовок <h6> - наименьший.

Все виды выделения текста описаны в статье: Теги форматирования текста в HTML.

Синтаксис

<h1>заголовок</h1>

Отображение в браузере

Заголовки HTML h1, h2, h3, h4

Примеры использования заголовков HTML в коде

<!DOCTYPE html>
<html>
<head>
<title>Теги заголовков</title>
</head>
<body>
<h1>Заголовок 1-го уровня</h1>
<h2>Заголовок 2-го уровня</h2>
<h3>Заголовок 3-го уровня</h3>
<h4>Заголовок 4-го уровня</h4>
<h5>Заголовок 5-го уровня</h5>
<h6>Заголовок 6-го уровня</h6>
</body>
</html>

Поддержка браузерами

Теги Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<h1> - <h6> Да Да Да Да Да

Атрибуты

В HTML5 у тегов заголовков <h1>, <h2>, <h3>, <h4>, <h5>, <h6> нет атрибутов.

Устаревшие атрибуты заголовков HTML

Атрибут Значения Описание
aling

left
center
right
justify

Устанавливает способ выравнивания контента по горизонтали. В HTML5 используйте CSS.

Оцените, насколько полезна эта статья
+++++
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.