Тег body

Последнее обновление: 22.01.2011

Тег <body> (с англ. тело) — тег-контейнер, определяет границы тела документа. Внутри тега располагаются все элементы, отвечающие за содержание HTML-страницы.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис


<body>...</body>

Атрибуты



alink задает цвет активной ссылки (в момент нажатия). Не рекомендуется в спецификации HTML 4.01!
background задает URL фонового рисунка. Не рекомендуется в спецификации HTML 4.01!
bgcolor задает цвет фона страницы
bgproperties при установке bgproperties=»fixed» фон фиксируется и не прокручивается вместе со страницей
Отсутствует в спецификации HTML 4.01!
bottommargin определяет отступ от нижнего края окна браузера.
Не поддерживается Firefox!
Отсутствует в спецификации HTML 4.01!
class определяет имя используемого класса
dir задает направление

  • ltr — направление слева направо (по умолчанию)
  • rtl — направление справа налево
id уникальный идентификатор
lang определяет язык отображаемого документа
leftmargin определяет отступ от левого края окна браузера.
Не поддерживается Firefox!
Отсутствует в спецификации HTML 4.01!
link задает цвет ссылок. Не рекомендуется в спецификации HTML 4.01!
marginheight задает высоту вехнего и нижнего полей документа
Работает только в браузерах Netscape.
Отсутствует в спецификации HTML 4.01!
marginwidth задает ширину левого и правого полей документа
Работает только в браузерах Netscape.
Отсутствует в спецификации HTML 4.01!
onblur потеря фокуса элементом.
Отсутствует в спецификации HTML 4.01!
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onerror ошибка сценария на странице.
Отсутствует в спецификации HTML 4.01!
onfocus получение фокуса элементом.
Отсутствует в спецификации HTML 4.01!
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onload окончание загрузки страницы
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
onresize изменение пользователем размера окна.
Отсутствует в спецификации HTML 4.01!
onunload выгрузка браузером текущего документа из окна или фрейма
rightmargin определяет отступ от правого края окна браузера.
Не поддерживается Firefox!
Отсутствует в спецификации HTML 4.01!
scroll управляет отображением полос прокрутки

  • yes — отображает полосы прокрутки (по умолчанию)
  • no — запрещает показ полос прокрутки

Работает только в IE!
Отсутствует в спецификации HTML 4.01!

style задает встроенную таблицу стилей
text задает цвет текста. Значение по умолчанию #000000. Не рекомендуется в спецификации HTML 4.01!
title добавляет всплывающую подсказку
topmargin определяет отступ от верхнего края окна браузера.
Не поддерживается Firefox!
Отсутствует в спецификации HTML 4.01!
vlink задает цвет посещенных ссылок. По умолчанию для IE и Opera #800080, для Firefox #551a8b. Не рекомендуется в спецификации HTML 4.01!

Пример


<html>
<head>

...
</head>
<body
background="fon.jpg" bgcolor="#302020" text="#EEE" link="#44C1DC" vlink="#721CA4">
...
тело документа.
...
</body>
</html>

Рекомендации по использованию

  • по спецификациям XHTML открывающий (<body>) и закрывающий (</body>) тег обязателен
  • включает в себя всю содержательную часть веб-страницы
  • может содержать блочные элементы, теги <script>, <ins> и <del>
  • взаимоисключающий элемент с тегом <frameset>
  • обязательных атрибутов нет
  • большинство атрибутов данного тега отсутствует либо не рекомендуется в спецификации HTML 4.01. Настройки, которые задают эти атрибуты можно и нужно выполнять, используя таблицы стилей
  • некоторые браузеры по умолчанию отображают элемент с отступами

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

Тег <body> часто используется для размещения обработчика событий onLoad, для того, чтобы выполнить определенные действия, после того, как документ загрузится.

Твой код:

Результат: