1.3.4. Заголовки внутри HTML-документа

Наряду с общим заголовком страницы, заданным в теге <title> существует возможность добавлять подзаголовки непосредственно в тексте документа. Это выполняется с помощью тегов заголовков <h1>, <h2>, <h3>, <h4>, <h5>, <h6> и соответствующих закрывающих тегов, имеющих 6 уровней. При этом заголовок 1-го уровня самый большой, 2-го – поменьше и т.д. до 6-го уровня. Соответственно при расстановке заголовков рекомендуется использовать их в порядке возрастания, т.е. сначала <h1>, за ним <h2> и т.д. Также может быть несколько заголовков одного уровня на странице, например 2-3 заголовка уровня <h1>. Не рекомендуется использовать большое число заголовков в одном документе. Приемлемым количеством считается до 5 заголовков одного уровня.

Теги заголовков относятся к тегам уровня блоков, т.е. по умолчанию на одной строке с ними не может размещаться другая информация, например, документ вида

<body> Текст перед заголовком<h1>Заголовок h1</h1>Текст после заголовка </body>

на экране браузера будет выглядеть следующим образом:

Рис. 1.5. Демонстрация тега <h1> как тега уровня блока

Как видно из примера под заголовок выделяется вся строка и никакая другая информация там не размещается. Аналогичное поведение справедливо для всех тегов уровня блоков. Далее при рассмотрении материала будет указываться на данное свойство тегов.

У тегов заголовков имеется необязательный параметр align, аналогичный по набору значений и действию с таким же параметром тега <p>:

left – выравнивание по левому краю;
center – выравнивание по центру;
right – выравнивание по правому краю;
justify – выравнивание по ширине страницы.

<html> <head> <title>Пример 6</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <h1>Заголовок 1</h1> <h2 align=center>Заголовок 2</h2> <h3>Заголовок 3</h3> <h4 align=right>Заголовок 4</h4> <h5>Заголовок 5</h5> <h6 align=left>Заголовок 6</h6> </body> </html>

Рис. 1.6. Примеры отображения заголовков уровня от 1 до 6