Тег body в HTML

HTML codeРедко какая веб-страница создаётся не для распространения контента. Именно внутри тега <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.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *