Теги <h1>, <h2>, <h3>, <h4>, <h5>, <h6>

Описание

HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег <h1> представляет собой наиболее важный заголовок первого уровня, а тег <h6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги <h1>,...,<h6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство.

Синтаксис

<hn>Заголовок n-го уровня</hn>

Атрибуты

align

Необязательный атрибут. Определяет выравнивание заголовка:

<hn align="left | center | right | justify">...</hn>

left: По умолчанию. Выравнивание заголовка по левому краю.
center: Выравнивание по центру.
right: Выравнивание по правому краю.
justify: Выравнивание по ширине (одновременно по правому и левому краю). Это значение работает только для заголовка, длина которого более, чем одна строка.

Вместо этого атрибута необходимо использовать стили: text-align

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Обязателен.

Пример 1

<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег H1 и H2</title>
 </head>
 <body>
  <h1>Lorem ipsum dolor sit amet</h1>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
  nonummy nibh euismod tincidunt ut lacreet dolore magna
  aliguam erat volutpat.</p>
  <h2>Ut wisis enim ad minim veniam</h2>
  <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution
  ullamcorper suscipit lobortis nisl ut aliquip ex ea
  commodo consequat.</p>
 </body>
</html>

Пример. Выравнивание заголовка

<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег H1, атрибут align</title>
 </head>
 <body>
  <h1 align="right">Lorem ipsum dolor sit amet</h1>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
   sed diem nonummy nibh euismod tincidunt ut lacreet dolore
   magna aliguam erat volutpat.</p>
 </body>
</html>

Примечание

Заголовки очень «любят» поисковые системы, они повышают ценность текста на веб-странице, который располагается внутри тегов <h1>...<h6>. По этой причине лучше всегда использовать эти теги, несмотря на то, что с помощью стилей любой текст можно установить большого размера и, тем самым, сделать его заголовком.

Браузеры: Настольные Мобильные ?

Internet Explorer	Chrome	Opera	Safari	Firefox
2	1	2	1	1

Android	Firefox Mobile	Opera Mobile	Safari Mobile
1	1	6	1

✖

Браузеры

В таблице браузеров применяются следующие обозначения.

— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Блочные элементы. | Текст. | Форматирование.