<< ПредыдущаяОглавлениеСледующая >>


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> может означать неполную загрузку страницы. На практике встречается и много других случаев, когда важно иметь корректную разметку страницы для исключения неверного отображения содержания документа в исключительных ситуациях.



<< ПредыдущаяОглавлениеСледующая >>