Тег body определяет область контента страницы. Является обверткой для содержимого, отображаемого в основном окне браузера.
Текст, картинки, формы, блоки, таблицы, списки и т.д. - все это указывают внутри тега <body>. Перед тегом body может находиться тег <head>, предназначенный в основном для хранения системной информации (подробнее про head).
Синтаксис
<body>контент веб страницы</body>
Закрывающий тег body
По условиям спецификации HTML5 использовать закрывающий тег body не обязательно. Браузеры при этом ставят </body> тег автоматически, просчитывая его место в коде. Однако, во избежания внештатных ситуаций мы рекомендуем все-таки ставить закрывающий тег body вручную в документе.
Перед закрывающим тегом <body> часто ставят подключение скриптов JavaScript. Например, системные скрипты для работы сайта, скрипты визуальных элементов (галерей, слайдеров, эффектов плавности и т.п.), скрипты счетчиков посещаемости Google Analytics и Яндекс Метрика (рекомендации по месту установки счетчиков могут меняться, смотрите инструкции от Google и Яндекс на момент установки).
Пример использования <body> в HTML коде
<html>
<head>
<!-- содержимое head области -->
</head>
<body>
<!-- начало контента страницы -->
<p>Какой-то абзац</p>
<div>Какой-то блок</div>
<!-- конец контента страницы -->
</body>
</html>
Поддержка браузерами
| Тег | |||||
| <body> | Да | Да | Да | Да | Да |
Устаревшие атрибуты тега body
В HTML5 тег <body> не имеет параметров или атрибутов. Ниже в таблице приведены устаревшие атрибуты тега body. Используйте стилизацию с помощью CSS вместо них.
| Атрибут | Описание |
|---|---|
| alink | Цвет активной ссылки (цвет ссылки при клике на нее) |
| background | Фоновая картинка страницы |
| bgcolor | Фоновый цвет страницы |
| link | Цвет непосещенных ссылок |
| text | Цвет текста на странице |
| vlink | Цвет ссылок по которым был переход (посещенных данным пользователем) |