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

Рейтинг: 4 из 5, голосов 16

08 февраля 2018 г.

Тег <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>

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

Теги
<h1> - <h6>	Да	Да	Да	Да	Да

Атрибуты

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

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

Атрибут	Значения	Описание
aling	left center right justify	Устанавливает способ выравнивания контента по горизонтали. В HTML5 используйте CSS.

by Lebedev