: Тег | htmlbook.ru

— HTML | MDN

HTML-элемент <body> представляет собой контент (содержимое) документа HTML. В документе может быть только один элемент <body>.

К этому элементу применимы глобальные атрибуты.

alink Этот API вышел из употребления и его работа больше не гарантируется.

Цвет текста гиперссылок, когда они выделены. Этот метод не согласован, вместо него используйте CSS-свойство color (en-US) вместе с псевдоклассом :active.

background Этот API вышел из употребления и его работа больше не гарантируется.

URI изображения для использования в качестве фона. Этот метод не согласован, вместо него используйте CSS-свойство background.

bgcolor Этот API вышел из употребления и его работа больше не гарантируется.

Цвет фона документа. Этот метод не согласован, вместо него используйте CSS-свойство background-color.

bottommargin Этот API вышел из употребления и его работа больше не гарантируется.

Отступ от нижнего края элемента <body>. Этот метод не согласован, вместо него используйте CSS-свойство margin-bottom.

leftmargin Этот API вышел из употребления и его работа больше не гарантируется.

Отступ от левого края элемента <body>. Этот метод не согласован, вместо него используйте CSS-свойство margin-left.

link Этот API вышел из употребления и его работа больше не гарантируется.

Цвет текста непосещенных гипертекстовых ссылок. Этот метод не согласован, вместо него используйте CSS-свойство color (en-US) вместе с псевдоклассом :link.

onafterprint

Функция для вызова после того, как пользователь распечатал документ.

onbeforeprint

Функция для вызова, когда пользователь отправляет документ на печать.

onbeforeunload

Функция для вызова перед закрытием окна документа или переходом на другую, внешнюю, страницу в этой же вкладке.

onblur

Функция для вызова при потери документом фокуса.

onerror

Функция для вызова, когда документ не загружается должным образом.

onfocus

Функция для вызова, когда документ получает фокус.

onhashchange

Функция для вызова, когда изменяется часть идентификатора фрагмента (начинается с символа '#') текущего адреса документа.

onlanguagechange
Экспериментальная возможность

Функция для вызова при изменении предпочитаемых языков.

onload

Функция для вызова, когда документ закончил загрузку (страницы загружена).

onmessage

Функция для вызова, когда документ получил сообщение.

onoffline

Функция для вызова, когда происходит сбой сетевого соединения.

ononline

Функция для вызова, когда произошло восстановление сетевого соединения.

onpopstate

Функция для вызова, когда пользователь осуществил управление историей сеанса.

onredo

Функция для вызова, когда произошло продвижение пользователя вперёд по истории транзакций (например, обновление страницы).

onresize

Функция для вызова, когда размер документа был изменён.

onstorage

Функция для вызова, когда изменяется содержимое хранилища (Web Storage).

onundo

Функция для вызова, когда произошло продвижение пользователя назад по истории транзакций (например, переход на предыдущую страницу в активной вкладке).

onunload

Функция для вызова, когда пользователь покидает страницу (закрытие вкладки или окна браузера).

rightmargin Этот API вышел из употребления и его работа больше не гарантируется.

Отступ от правого края элемента <body>. Этот метод не согласован, вместо него используйте CSS-свойство margin-right.

text Этот API вышел из употребления и его работа больше не гарантируется.

Основной цвет текста. Этот метод не согласован, вместо него используйте CSS-свойство color (en-US).

topmargin Этот API вышел из употребления и его работа больше не гарантируется.

Отступ от верхнего края элемента <body>. Этот метод не согласован, вместо него используйте CSS-свойство margin-top.

vlink Этот API вышел из употребления и его работа больше не гарантируется.

Цвет текста посещённой гипертекстовой ссылки. Этот метод не согласован, вместо него используйте CSS-свойство color (en-US) вместе с псевдоклассом :visited.

<html>
  <head>
    <title>Заголовок документа</title>
  </head>
  <body>
    <p>Это параграф</p>
  </body>
</html>
Specification
HTML Standard
# the-body-element

BCD tables only load in the browser

with JavaScript enabled. Enable JavaScript to view data.

  • <html>
  • <head>

Last modified: , by MDN contributors

Тег | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
1.0+1.0+1.0+1.0+1.0+1.0+1.0+

Спецификация

HTML:3.24.015.0XHTML:1.01.1

Описание

Элемент <body> предназначен для хранения содержания
веб-страницы (контента), отображаемого в окне браузера. Информацию, которую
следует выводить в документе, следует располагать именно внутри контейнера <body>.
К такой информации относится текст, изображения, теги, скрипты JavaScript и
т.д.

Тег <body> также применяется для определения
цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается
и взамен для указания цветовой схемы рекомендуется использовать стили, применяя
их к селектору BODY. Тем не менее, большинство атрибутов
до сих пор поддерживается разными браузерами.

Часто тег <body> используется для размещения
обработчика событий, например, onload, которое
выполняется после того, как документ завершил загрузку в текущее окно или фрейм.

Открывающий и закрывающий теги <body> на веб-странице
не являются обязательными, однако хорошим стилем считается их использование,
чтобы определить начало и конец HTML-документа.

Синтаксис 

<body>
  ...
</body>

Атрибуты

alink
Устанавливает цвет активной ссылки.
background
Задает фоновый рисунок на веб-странице.
bgcolor
Цвет фона веб-страницы.
bgproperties
Определяет, прокручивать фон совместно с текстом или нет.
bottommargin
Отступ от нижнего края окна браузера до контента.
leftmargin
Отступ по горизонтали от левого края окна браузера до контента.
link
Цвет ссылок на веб-странице.
rightmargin
Отступ от правого края окна браузера до контента.
scroll
Устанавливает, отображать полосы прокрутки или нет.
text
Цвет текста в документе.
topmargin
Отступ от верхнего края окна браузера до контента.
vlink
Цвет посещенных ссылок.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Открывающий и закрывающий теги не обязательны.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <title>Тег BODY</title>
  <meta charset="utf-8">
 </head>
 <body onload="alert('Документ загружен')">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </p>
  <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper 
  suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
 </body>
</html>

Результат текущего примера показан на рис. 1. При использовании события onload тега <body> выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что документ загружен.

Рис. 1. Всплывающее окно в документе

Документ

  • Структура HTML-кода
  • Структура XHTML-документа
  • Теги верхнего уровня
  • Цвет ссылок

&двоеточие; Элемент «Тело документа» — HTML: Язык гипертекстовой разметки

HTML-элемент представляет содержимое HTML-документа. В документе может быть только один элемент .

Этот элемент включает глобальные атрибуты.

ссылка «>
Устаревший

Цвет текста для гиперссылок при выборе.
Не используйте этот атрибут! Используйте CSS 9Вместо этого свойство 0004 color в сочетании с псевдоклассом :active .

фон
Устаревший

URI изображения для использования в качестве фона.
Не используйте этот атрибут! Вместо этого используйте свойство CSS background для элемента.

цвет
Устаревший

Цвет фона документа.
Не используйте этот атрибут! Вместо этого используйте свойство CSS background-color для элемента.

нижнее поле Not for use in new websites.»>
Устаревший

Край нижней части тела.
Не используйте этот атрибут! Вместо этого используйте свойство CSS margin-bottom для элемента.

левое поле
Устаревший

Край левой части тела.
Не используйте этот атрибут! Вместо этого используйте свойство CSS margin-left для элемента.

ссылка
Устаревший

Цвет текста для непосещенных гипертекстовых ссылок.
Не используйте этот атрибут! Используйте цвет CSS в сочетании с псевдоклассом :link .

после печати

Функция для вызова после того, как пользователь распечатал документ.

перед печатью

Функция для вызова, когда пользователь запрашивает печать документа.

перед выгрузкой

Функция для вызова перед выгрузкой документа.

размытие

Функция для вызова, когда документ теряет фокус.

при ошибке

Функция для вызова, когда документ не загружается должным образом.

онфокус

Функция для вызова, когда документ получает фокус.

onhashchange

Функция, вызываемая при изменении части идентификатора фрагмента (начинающейся с символа решетки ( '#' )) текущего адреса документа.

onlanguagechange

Функция для вызова при изменении предпочтительных языков.

под нагрузкой

Функция для вызова после завершения загрузки документа.

сообщение

Функция для вызова, когда документ получил сообщение.

в автономном режиме

Функция для вызова при сбое сетевого соединения.

онлайн

Функция для вызова после восстановления связи по сети.

onpopstate

Функция для вызова, когда пользователь просматривает историю сеансов.

онредо

Функция для вызова, когда пользователь продвинулся вперед в истории отмены транзакций.

при изменении размера

Функция для вызова при изменении размера документа.

на складе

Функция для вызова при изменении области хранения.

онундо

Функция для вызова, когда пользователь перемещается назад в истории транзакций отмены.

при разгрузке

Функция для вызова, когда документ уходит.

правое поле
Устаревший

Поле справа от тела.
Не используйте этот атрибут! Используйте CSS свойство margin-right для элемента вместо этого.

текст
Устаревший

Основной цвет текста.
Не используйте этот атрибут! Вместо этого используйте свойство CSS color для элемента.

верхнее поле Not for use in new websites.»>
Устаревший

Край верхней части тела.
Не используйте этот атрибут! Вместо этого используйте свойство CSS margin-top для элемента.

влинк
Устаревший

Цвет текста посещенных гиперссылок.
Не используйте этот атрибут! Вместо этого используйте свойство CSS color в сочетании с псевдоклассом :visited . 

 
  <голова>
    Название документа
  
  <тело>
    
Это абзац

Загрузка таблиц браузера только BCD9. Включите JavaScript для просмотра данных.

  • <голова>

Последнее изменение: , участниками MDN

HTML: тег

В этом руководстве по HTML объясняется, как использовать элемент HTML, называемый Тег с синтаксисом и примерами.

Описание

Тег HTML определяет основное содержимое HTML-документа или раздел HTML-документа, который будет непосредственно виден на вашей веб-странице. Этот тег также часто называют элементом.

Синтаксис

В HTML синтаксис тега :

Атрибуты

Помимо глобальных атрибутов, ниже приведен список атрибутов, характерных для тега:

Спецификация
Стандарт HTML
# the-body-element
Атрибут Описание HTML-совместимость
ссылка Цвет текста для выбранных гиперссылок Устарело в HTML 4. 01, устарело в HTML5, используйте CSS
фон Изображение для фона Устарело в HTML 4.01, устарело в HTM L5, используйте CSS
цвет Цвет фона Устарело в HTML 4.01, устарело в HTML5, используйте CSS
ссылка Цвет текста для непосещенных гиперссылок Устарело в HTML 4.01, устарело в HTML5, используйте CSS
после печати Функция вызова пользователя распечатала документ HTML5
перед печатью Функция для вызова, когда пользователь запрашивает документ для печати HTML5
перед выгрузкой Функция вызова при выгрузке документа HTML5
размытие Функция для вызова, когда документ потерял фокус HTML5
при ошибке Функция для вызова при сбое документа HTML5
онфокус Функция для вызова, когда документ имеет фокус HTML5
обмен Функция для вызова, когда часть идентификатора фрагмента адреса документа изменилась HTML5
под нагрузкой Функция для вызова после загрузки документа HTML5
сообщение Функция для вызова, когда документ получил сообщение HTML5
в автономном режиме Функция для вызова при сбое связи по сети HTML5
онлайн Функция для вызова при восстановлении связи по сети HTML5
onpopstate Функция для вызова, когда пользователь перемещается по истории сеансов HTML5
онредо Функция для вызова, когда пользователь перемещается вперед в истории отмен HTML5
изменение размера Функция для вызова при изменении размера документа HTML5
на складе Функция для вызова при изменении области хранения HTML5
онундо Функция для вызова, когда пользователь перемещается назад в истории отмен HTML5
при разгрузке Функция для вызова при выгрузке документа HTML5
текст Основной цвет текста Устарело в HTML 4. 01, устарело в HTML5, используйте CSS
влинк Цвет текста посещенных гиперссылок Устарело в HTML 4.01, устарело в HTML5, используйте CSS

Примечание

  • HTML-элемент находится внутри тега.
  • Наиболее часто в HTML-тег помещаются следующие элементы: теги

    ,

    ,

    ,

    .

    Совместимость с браузерами

    Тег имеет базовую поддержку со следующими браузерами:

    • Chrome
    • Андроид
    • Firefox (Геккон)
    • Firefox Mobile (Геккон)
    • Internet Explorer (IE)
    • Пограничный мобильный телефон
    • Опера
    • Опера Мобайл
    • Сафари (веб-кит)
    • Сафари Мобильный

    Пример

    Мы обсудим тег ниже, исследуя примеры использования тега в HTML5, HTML 4.01 Transitional, XHTML 1. 0 Transitional, XHTML 1.0 Strict и XHTML 1.1.

    • HTML5
    • HTML4
    • XHTML

    Документ HTML5

    Если вы создали новую веб-страницу в HTML5, ваш тег может выглядеть следующим образом:

     

<голова>
<мета-кодировка="UTF-8">
Пример HTML5 от www.techonthenet.com

<тело>

    Заголовок
    

    Это содержимое.

    В этом примере документа HTML5 тег содержит два элемента: заголовок в теге

    и абзац в теге

    .

    HTML 4.01 Transitional Document

    Если вы создали новую веб-страницу в HTML 4.01 Transitional, ваш тег может выглядеть следующим образом:

     

<голова>

Переходный пример HTML 4.01 от www.techonthenet.<img class="lazy lazy-hidden" loading='lazy' src="//novosteika.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/viakama.ru/wp-content/uploads/2021/03/varianti-body-5.jpg' /><noscript><img loading='lazy' src='/800/600/http/viakama.ru/wp-content/uploads/2021/03/varianti-body-5.jpg' /></noscript> com

<тело>

    Заголовок
    

    Это содержимое.

    В этом примере документа HTML 4.01 Transitional тег содержит два элемента: заголовок в теге

    и абзац в теге

    .

    XHTML 1.0 Transitional Document

    Если вы создали новую веб-страницу в XHTML 1.0 Transitional, ваш тег может выглядеть следующим образом:

     

<голова>

Переходный пример XHTML 1.0

<тело>

    Заголовок
    

    Это содержимое.

    В этом примере XHTML 1.0 Transitional Document тег содержит два элемента: заголовок в теге

    и абзац в теге

    .

    XHTML 1.0 Строгий документ

    Если вы создали новую веб-страницу в XHTML 1.0 Strict, ваш тег может выглядеть так: