Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег body

Дата:17.09.15 в 12:46
Справочник: 

Характеристики тега

В каких браузерах работает?

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>

По итогу получаем

body

Этот пример подтверждает еще одну полезную функцию тега. Он выполняет роль контейнера для событий и различных скриптов. В данном случае сработало событие, которое активируется после загрузки веб-документа (onload).

Оценка: 
Оценок: 1 (средняя 5 из 5)
Тип html тега: 
Понравилась статья? Расскажите о ней друзьям: