Тег body - это, по сути, «сцена», на которой разворачивается всё действие вашего HTML-документа. Именно здесь размещается весь контент, который видит пользователь: текст, ссылки, изображения, таблицы и списки. Важно помнить одно неизменное правило: в документе должен присутствовать только один такой элемент, и он обязан находиться строго внутри конструкции html, непосредственно после head.
В практике веб-разработки этот тег оказывается невероятно полезным не только для структуры, но и для логики. Часто на body повязывают обработчики событий, например onload. Это позволяет запускать скрипты ровно в тот момент, когда браузер полностью загрузил содержимое страницы, что избавляет от многих ошибок и «глюков».
Примечание: Если вы привыкли к старым добрым временам HTML 4, то новости могут расстроить: атрибуты вроде vlink, text, link, bgcolor, background или alink официально признаны устаревшими и запрещены в стандарте HTML5. Так что, чтобы настроить цвет фона, текста или ссылок, а также добавить фоновое изображение, нужно использовать современные подходы - CSS-стили.
С технической точки зрения body является блочным элементом. По умолчанию браузер добавляет к нему небольшой внешний отступ со всех сторон, а его высота автоматически подстраивается под объём внутреннего контента. Но что делать, если вам нужно, чтобы тег занимал всю высоту окна? Всё просто: достаточно прописать для элементов html и body значение высоты 100%:
html, body { height: 100%; } Здесь есть один тонкий нюанс, на который стоит обратить внимание. Даже если по умолчанию высота body не дотягивает до низа экрана, правильное указание стилей позволит ему охватить всю видимую область. Однако будьте осторожны с фонами: если вы зададите фон и для html, и для body, то фоновый цвет элемента body будет распространяться только на его текущую высоту, а не на весь экран.
Атрибуты Тег body поддерживает и
Пример !DOCTYPE html html head titleЗаголовок документа/title /head body Содержимое страницы /body /html