Редко какая веб-страница создаётся не для распространения контента. Именно внутри тега <body> должен располагаться весь тот контент, что мы хотим показать на странице. Это и текст, и изображения, и скрипты, и многое другое. Сегодня разберём этот очень важный для HTML-документа тег.
Хотя тег <body> считается своего рода стандартом, его наличие в HTML-документе не является обязательным. С другой стороны, выделение основной части HTML-документа является «хорошим тоном».
Для тега <body> доступно довольно много атрибутов, в том числе и универсальных. Также для тега <body> доступны события.
alink — устанавливает цвет активной ссылки. Текущий цвет меняется, когда на ссылку нажимают курсором мыши или выделяют её при помощи клавиатуры. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.
<body alink="red"> <p><a href="https://sitename.ru">Ссылка</a></p> </body>
background — задаёт фоновый рисунок для веб-страницы. Для фонового рисунка не устанавливаются ширина и высота, он всегда отображается в масштабе 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется как мозаика. В качестве фона допускается использовать анимированные изображения в формате GIF, но это считается «плохим тоном» из-за того, что они отвлекают внимание посетителей сайта.
<body background="images/fon.gif"> <p>текст</p> </body>
bgcolor — устанавливает цвет фона веб-страницы. Может использоваться совместно с background, чтобы цвет фона гармонировал с фоновым рисунком. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.
<body bgcolor="#008000"> <p>текст</p> </body>
bgproperties — определяет, прокручивается фоновый рисунок вместе с текстом и другими элементами на странице или нет. По умолчанию фоновый рисунок прокручивается вместе с содержимым веб-страницы. Чтобы зафиксировать фон, нужно использовать bgproperties=»fixed». Чтобы фон не фиксировался, достаточно не использовать bgproperties или использовать bgproperties=»».
<body background="images/fon.gif" bgproperties="fixed"> <p>текст</p> </body>
bottommargin — определяет размер отступа от нижнего края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.
<body bottommargin="15"> <p>текст</p> </body>
leftmargin — определяет размер отступа от левого края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.
<body leftmargin="15"> <p>текст</p> </body>
link — устанавливает цвет непосещённых ссылок. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.
<body link="green"> <p><a href="https://sitename.ru">Ссылка</a></p> </body>
rightmargin — определяет размер отступа от правого края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.
<body rightmargin="15"> <p>текст</p> </body>
scroll — управляет отображением полос прокрутки, когда размер контента превышает размер текущего окна. Для запрета отображения полос прокрутки нужно использовать scroll=»no», для разрешения не использовать scroll или использовать scroll=»yes».
<body scroll="no"> <p>текст</p> </body>
text — устанавливает цвет текста, используемый на веб-странице по умолчанию. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах. Цвета отдельных элементов можно изменять с помощью стилей.
<body text="maroon"> <p>текст</p> </body>
topmargin — определяет размер отступа от верхнего края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.
<body topmargin="15"> <p>текст</p> </body>
vlink — задаёт цвет посещённых ссылок. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.
<body vlink="#008080"> <p><a href="https://sitename.ru">Ссылка</a></p> </body>
В целом, спецификация HTML не одобряет использование атрибутов background, alink, bgcolor, link, text и vlink. Валидный код в таком случае будет только если использовать переходный <!DOCTYPE …>.
Использование атрибутов bgproperties, bottommargin, leftmargin, rightmargin и topmargin и вовсе осуждается спецификацией HTML и их наличие приведёт к невалидному коду. А браузер Mozilla Firefox не поддерживает эти атрибуты в принципе.
Ну и отдельно про атрибут scroll. Использовать его особенно не рекомендуется. Мало того, что его наличие сделает код невалидным, так он ещё и не поддерживается почти всеми браузерами кроме Internet Explorer.
Статьи по теме: