Тег H1...H6

Браузер	Internet Explorer				Netтscape		Опера				Safari			Mozilla Firefox
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

<h1>Заголовок 1-го уровня</h1> <h2>Заголовок 2-го уровня</h2> ... <h6>Заголовок 6-го уровня</h6>

Параметры

align: Определяет выравнивание заголовка.

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

Обязателен.

Пример 1. Использование тега <H1>

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<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>

Результат данного примера показан ни рис. 1.

Рис. 1

Рис. 1. Вид заголовков первого и второго уровня в браузере

Примечание

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

Описание параметров тега <H1>...<H6>

Параметр ALIGN

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

Выравнивание заголовка контента по краю.

Синтаксис

Обязательный параметр

Нет.

Аргументы

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

Значение по умолчанию

left

Аналог CSS (ЦСС)

text-align

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<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>

Результат данного примера показан ни рис. 1.

Рис. 2

Рис. 2. Заголовок, выровненный по правой стороне