1.2. Структура документа

При создании HTML-документов рекомендуется соблюдать следующую структуру:

<html> <head>  </head> <body>  </body> </html>

Здесь <html> - это тег, обозначающий начало HTML-документа. Браузер, встретивший данный тег, будет «знать», что представленную ниже информацию следует интерпретировать как HTML-страницу. Тег <head> означает раздел заголовка, который обычно включает:

1. Заголовок страницы

<title>Заголовок страницы</title>

2. Кодировку, в которой представлен HTML-документ

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

3. Краткое описание содержания документа

<meta name="description" content="библиотека, содержащая …">

4. Список ключевых слов документа

<meta name="keywords" content="библиотека, книги, статьи">

5. Подключаемые внешние javascript файлы (скрипты)

<script type="text/javascript" src="http://reeders.ru/js/jquery-1.9.0.min.js"></script>

6. Внешние таблицы стилей (css) для форматирования документа

<link href="http://reeders.ru/css/style.css" rel="stylesheet" type="text/css" />

Раздел тега <head> может содержать и другие конструкции языка HTML, например, базовый адрес сайта: <base href="http://reeders.ru/" /> и многое другое. В конечном итоге разработчик сам решает, что должно быть записано в данном разделе. Он может быть и пустым, т.е. не содержать ничего. Тогда браузер будет руководствоваться своими настройками и алгоритмами при отображении такого документа. Наконец, раздел <head> может совсем отсутствовать и это будет аналогично пустому разделу. Однако при разработке HTML-страницы крайне не рекомендуется пропускать данный раздел и его «минимальная конфигурация» должна иметь следующий вид:

<head> <title>Заголовок страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="description" content="библиотека, содержащая …"> <meta name="keywords" content="библиотека, книги, статьи"> </head>

В тегах <body>…</body> заключается отображаемая информация (тело) страницы: текст, изображения, таблицы, звук, видео, объекты (например, flash-проигрыватель), javascript-программы, таблицы стилей (css) и т.д. Подробнее о том, что и как можно записывать в раздел <body>, т.е. как формировать HTML-документ будет рассматриваться в последующих параграфах данного пособия.

Тег <body> имеет следующий набор необязательных параметров:

Параметр	Пример	Описание
alink="цвет"	<body alink="red">	Устанавливает цвет активных ссылок
link="цвет"	<body link="blue">	Устанавливает цвет непосещенных ссылок
vlink="цвет"	<body vlink="green">	Устанавливает цвет посещенных ссылок
background ="URL"	<body background="a.gif">	Устанавливает изображение фона документа
bgcolor="цвет"	<body bgcolor ="white">	Устанавливает цвет фона документа
text="цвет"	<body text ="black">	Устанавливает цвет текста в документе

Помимо перечисленных в таблице параметров существуют дополнительные, но они поддерживаются не всеми браузерами и поэтому опущены в данном пособии.

HTML-документ рекомендуется всегда завершать закрывающим тегом </html> и тем самым сигнализировать браузеру о завершении документа. Это полезная информация может быть использована, например, при обрыве связи во время загрузки страницы. Тогда отсутствие тега </html> может означать неполную загрузку страницы. На практике встречается и много других случаев, когда важно иметь корректную разметку страницы для исключения неверного отображения содержания документа в исключительных ситуациях.