Браузер | Internet Explorer | Netтscape | Опера | Safari | Mozilla Firefox | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Версия | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Элемент <BODY> предназначен для хранения содержания web-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в файле, следует располагать именно внутри контейнера BODY. К такой информации относится контент, Имаги, теги, скрипты JavaScript и т.д.
Тег <BODY> также применяется для определения цветов ссылок и контента на web-странице. Подобная практика в ШТМЛ 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору BODY. Тем не менее, большинство параметров до сих пор поддерживается разными браузерами.
Часто тег <BODY> используется для размещения обработчика событий, например, onLoad, которое выполняется после того, как файл завершил загрузку в текущее окно или фрейм.
Открывающий и закрывающий теги <BODY> на web-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец ШТМЛ-объекта.
<body> ... </body>
Открывающий и закрывающий теги не обязательны.
Пример 1. Использование тега <BODY>
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
<head>
<title>Тег BODY</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body onLoad="alert('файл загружен')">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
<p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>
Результат текущего примера показан на рис. 1. При использовании параметра onload тега <BODY> выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что файл загружен.
Рис. 1. Всплывающее окно в файле
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Устанавливает цвет активной ссылки. Текущий цвет ссылки меняется на активный, когда на ссылку нажимают курсором мыши или выделяют ее с помощью клавиатуры.
<body alink="цвет">...</body>
Значение цвета можно задавать двумя способами.
Браузеры поддерживают некоторые цвета по их названию.
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 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, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.
Совпадает с цветом ссылки.
BODY:active { color: цвет }
Пример 2. Цвет активной ссылки
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр alink</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body alink="red">
<p>Обычный контент</p>
<p><a href="zoo.ШТМЛ">Ссылка на файл</a></p>
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Определяет изображение, которое будет использоваться в качестве фонового рисунка. В отличие от обычных рисунков, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. По этой причине на месте стыка фоновых картинок могут возникнуть видимые перепады, заметные для посетителей с нашего сайта. При выборе фонового рисунка убедитесь, что обеспечен достаточный контраст между ним и контентом web-страницы. В качестве фона допускается использовать анимированные Имаги в формате GIF, но они отвлекают внимание читателей.
<body background="URL">...</body>
Любой допустимый адрес Имаги — можно использовать относительный или абсолютный путь.
Нет.
BODY { background: url('путь к файлу') }
Пример 3. Установка фонового рисунка
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр background</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body background="/images/snow.gif">
...
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Устанавливает цвет фона web-страницы. Можно использовать этот параметр совместно с background, подобрав цвет фона близкий к фоновому рисунку
<body bgcolor=цвет>...</body>
См. параметр ALINK.
Зависит от браузера и его версии, но обычно используется белый цвет фона.
BODY { background: цвет }
Пример 4. Фоновый цвет на web-странице
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр bgcolor</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#A0BEC4">
...
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
По умолчанию фоновый рисунок прокручивается совместно с содержанием web-страницы. Используя параметр bgproperties можно зафиксировать фон на одном месте и, таким образом, заставить прокручиваться только контент. Подобное качество web-страницы редко применяется для сайтов, поэтому для пользователей может показаться странным и непривычным.
<body bgproperties="fixed">...</body>
Существует только одно значение fixed, которое фиксирует фон. Если требуется, чтобы фон не фиксировался, удалите параметр bgproperties у тега <BODY> или установите у него пустое значение — "".
Нет.
BODY { background-attachment: fixed | scroll }
Пример 5. Фиксация фона
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр bgproperties</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body background="/images/snow.gif" bgproperties="fixed">
<table height="2000"><tr><td></td></tr></table>
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Определяет отступ от левого края окна браузера до контента web-страницы.
<body leftmargin="число">...</body>
Целое положительное число, которое устанавливает отступ в пикселах.
10 пикселов для Windows и 8 пикселов для Macintosh.
BODY { margin: число }
Пример 6. Отступ левого края
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр leftmargin</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body leftmargin="0">
<p>контент плотно прижимается к левому краю окна браузера</p>
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Устанавливает цвет непосещенных ссылок.
<body link=цвет>...</body>
См. параметр ALINK.
#0000FF
BODY:link { color: цвет }
Пример 7. Цвет ссылок
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр link</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body link="#003366">
<p>Обычный контент</p>
<p><a href="zoo.ШТМЛ">Ссылка на файл</a></p>
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Параметр scroll управляет присутствием полос прокрутки в окне браузера, когда содержание web-страницы превышает размер текущего окна. Этот параметр работает только в браузере Internet Эксплорер.
<body scroll="yes | no">...</body>
yes — отображает полосы прокрутки. no — запрещает показ полос прокрутки в окне.
yes
BODY { overflow: hidden }
Пример 8. Запрет полос прокрутки
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body scroll="no">
<table height="2000"><tr><td></td></tr></table>
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Устанавливает цвет контента, используемого на web-странице по умолчанию. Цвета отдельных элементов можно легко изменять с помощью стилей.
<body text="цвет">...</body>
См. параметр ALINK.
#000000
BODY { color: цвет }
Пример 9. Цвет контента на web-странице
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр text</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body text="maroon">
<p>Пример контента</p>
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Определяет цвет посещенных ссылок, т.е., таких ссылок, на которые пользователь уже «нажимал».
<body vlink="цвет">...</body>
См. параметр ALINK.
#551a8b (Файер фох); #800080 (Internet Эксплорер и Опера).
BODY:visited { color: цвет }
Пример 10. Цвет посещенных ссылок
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр vlink</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body vlink="#660066">
<p>Обычный контент</p>
<p><a href="zoo.ШТМЛ">Ссылка на файл</a></p>
</body>
</html>
Copyright © 2009-2022 | По всем вопросам: donmobi@mail.ru
О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект