Характеристики тега
В каких браузерах работает?
| 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
В каких спецификациях используется?
| HTML | 3.2 | 4.01 | 5.0 |
| XHTML | 1.0 | 1.1 |
Для чего используется?
Тег <body> - одна из самых главных составляющих документа. В этом теге хранится контент сайта, который в итоге и выводится на экранах ваших компьютеров.
Еще одна не менее интересная функция тега - определения цветов ссылок. Еще в возможности этого тега входит изменения цвета текста во всем документе.
К прочим особенностям этого тега можно отнести и то, что его закрытие не обязательно - документ не испортится. Однако считается неприличным оставлять документ в открытом состоянии. Поэтому каждый уважаемый верстальщик обязательно закрывает этот тег.
По тегу <body> определяется видимая часть веб-страницы. Так как одна из важных его функций - хранение контента. Практически все, что расположено в теге (не считая скриптов и закомментированных строк) выводится на экране посетителя.
Как правильно задавать?
<body>Содержимое веб-документа</body>
Какие атрибуты поддерживаются?
- alink - активная ссылка изменяет свой цвет на тот, что указанный в атрибуте.
- background - изменяет фоновую гамму. Это может быть как цвет, так и загруженное изображение.
- bgcolor - определяет только цвет заднего фона.
- bgproperties - отвечает за настройки прокрутки контента.
- bottommargin - фиксирует расстояние от основного содержимого сайта до нижнего края.
- leftmargin - левые внешние отступы.
- link - отвечает за окрас текста всех ссылок на странице.
- rightmargin - правые внешние отступы.
- scroll - включает и отключает скролл на веб-сайте.
- text - фиксирует окраску текста во всем документе.
- topmargin - задает расстояние от верхнего края окна до содержимого тега.
- vlink - меняет раскрас ссылки, которая перестала быть активной.
В дополнение этого, тег поддерживает универсальные атрибуты и события.
Закрытый тег
Да.
Пример использования
<!DOCTYPE HTML> <html> <head> <title>Тег body</title> <meta charset="utf-8"> </head> <body onload="alert('Документ загружен')"> <p>Много много ненужного текста, которые нужен только для примера. Вот так потихоньку льем водичку, заполняя пустое место в теге body</p> </body> </html>
По итогу получаем
Этот пример подтверждает еще одну полезную функцию тега. Он выполняет роль контейнера для событий и различных скриптов. В данном случае сработало событие, которое активируется после загрузки веб-документа (onload).