3.4. Тело документа

Тело документа размещается после заголовка документа. Хотя элемент body в предыдущих версиях HTML был необязательным, в XHTML он необходим.

Содержимое элемента body - это то, что отображается в окне браузера (или воспроизводится речевым браузером).

Синтаксис

<body [атрибуты]>...</body>

Атрибуты

Базовые атрибуты: id, class, style, title

Интернационализация: lang, xml : lang, dir

Внутренние события: onload, onunload, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkey-down, onkeyup

Устаревшие атрибуты

alink="#rrggbb" или "имя цвета" background="URL"

bgcolor="#rrggbb" или "имя цвета" link="#rrggbb" или "имя цвета" text="#rrggbb" или "имя цвета" vlink="#rrggbb" или "имя цвета"

Элемент body может включать в себя любую комбинацию блоковых элементов, встроенных элементов и форм. Иными словами, он содержит все обычные элементы документа. Для визуальных браузеров элемент body играет роль канвы, на которой размещаются материалы. Акустические пользовательские агенты могут воспроизводить содержимое элемента body.

В рекомендации HTML 3.0 в элемент body был добавлен ряд атрибутов уровня представления, которые были предложены производителями браузеров и находились в широком употреблении. В то время они были единственным механизмом задания цвета для всех ссылок и текста документа, а также указания цвета фона или фонового изображения в документе. Один открывающий тег элемента body может содержать много конкретных атрибутов, например:

<body text="цвет" link="цвет" vlink="цвет" alink="цвет">

Конечно, в настоящее время правильным способом обработки представления являются таблицы стилей, поэтому все стилевые атрибуты элемента body официально считаются устаревшими и их использование не поощряется.

Поскольку данные атрибуты по-прежнему входят в Transitional DTD и поддерживаются всеми браузерами, в табл. 2 приводится краткие объяснения устаревших атрибутов элемента body. Указываются также альтернативы из CSS.

Таблица 2. Устаревшие атрибуты элемента body

Атрибут	Описание	Эквивалентный стиль CSS
text=”цвет"	Задает цвет для всего обычного текста документа	body {color: color}
link=”цвет”	Задает цвет гиперссылок	a:link {color: color}
vlink=”цвет”	Задает цвет посещенных ссылок	a:visited {color: color}
alink=”цвет”	Задает цвет ссылки в момент нажатия на нее	a:active {color: color}
bgcolor=”цвет”	Задает цвет фона для всей страницы	body{background-color: color}
background=”url”	Задает адрес фонового изображения для страницы	body{background-image: url(filename.gif) }

3.5.3Адание цвета

Значение цвета можно задавать различными способами:

1. По его названию. Браузеры поддерживают некоторые цвета по их названию: black, white, blue, pink и др.

2. По шестнадцатеричному значению. Для задания цвета используются числа в шестнадцатеричном коде.

Для тех, кто забыл. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе.

Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Любой цвет задается интенсивностями (насыщенностями) красного, зеленого и синего цветов. Диапазон принимаемых значений каждой составляющей от 00 до FF. Таким образом, любой цвет задается в формате #RRGGBB (RGB формат), где первые два символа задают интенсивность красного цвета, два средних — зеленого, а два последних — синего цвета.

3 По десятичному значению (в CSS). Для задания цвета используются числа в десятичном коде.

Любой цвет задается также интенсивностями красного, зеленого и синего цветов. Может задаваться четвертая составляющая — альфапрозрачность. Диапазон принимаемых значений каждой составляющей цвета от 0 до 255. Значения также могут задаваться в процентах (0% — 100%), как целочисленные, так и дробные значения(например, 25.5%). Альфапрозрачность задается в диапазоне от 0 до 1.

Синтаксис

rgb(red, green, blue)

rgba(red, green, blue, oраcity)

Примеры

rgb( 0, 255, 0);  /* чистый зеленый цвет */

rgba( 255, 0, 0, 0.5);  /* чистый красный с прозрачностью 50% */

rgba(100, 162, 240,0.7)

rgb(10.6%, 25.6%, 96%)

rgb(230, 25, 99)

где первое число задает интенсивность красного цвета, второе — зеленого, а третье — синего цвета.

15