files/ru/web/html/element/body/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169

---
title: <body>
slug: Web/HTML/Element/body
tags:
  - Element
  - HTML
  - Web
  - Веб
  - Корневой элемент
  - Разделы
  - Секционирование
  - Справка
  - Элемент
translation_of: Web/HTML/Element/body
---
<div>{{HTMLRef}}</div>

<p><span class="seoSummary"><strong>HTML-элемент <code>&lt;body&gt;</code></strong> представляет собой контент (содержимое) документа HTML. В документе может быть только один элемент <code>&lt;body&gt;</code>.</span></p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/ru/docs/Web/Guide/HTML/Content_categories">Категории контента</a></th>
   <td><a href="/ru/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document#Корни_задания_разделов">Секционный корень</a></td>
  </tr>
  <tr>
   <th scope="row">Разрешённое содержимое</th>
   <td><a href="/ru/docs/Web/Guide/HTML/Content_categories#Потоковый_контент">Потоковый контент</a>.</td>
  </tr>
  <tr>
   <th scope="row">Пропуск тега</th>
   <td>Открывающий тег может быть пропущен, если первое, что находится внутри него, не является пробелом, комментарием, элементом {{HTMLElement("script")}} или элементом {{HTMLElement("style")}}. Закрывающий тег может быть пропущен если элемент <code>&lt;body&gt;</code> содержит контент или имеет открывающий тег, и за ним сразу не следует комментарий.</td>
  </tr>
  <tr>
   <th scope="row">Разрешённые родительские элементы</th>
   <td>Этот элемент должен быть вторым в элементе {{HTMLElement("html")}}</td>
  </tr>
  <tr>
   <th scope="row">Разрешённые роли ARIA</th>
   <td>Отсутствуют</td>
  </tr>
  <tr>
   <th scope="row">DOM-интерфейс</th>
   <td>{{domxref("HTMLBodyElement")}}
    <ul>
     <li>Элемент <code>&lt;body&gt;</code> представляет интерфейс {{domxref("HTMLBodyElement")}}.</li>
     <li>Вы можете получить доступ к элементу <code>&lt;body&gt;</code> через свойство {{domxref("document.body")}}.</li>
    </ul>
   </td>
  </tr>
 </tbody>
</table>

<h2 id="Атрибуты">Атрибуты</h2>

<p>К этому элементу применимы <a href="/ru/docs/Web/HTML/Общие_атрибуты">глобальные атрибуты</a>.</p>

<dl>
 <dt>{{htmlattrdef("alink")}} {{obsolete_inline}}</dt>
 <dd>Цвет текста гиперссылок, когда они выделены. <em>Этот метод не согласован, вместо него используйте CSS-свойство {{cssxref("color")}} вместе с псевдоклассом {{cssxref(":active")}}.</em></dd>
 <dt>{{htmlattrdef("background")}} {{obsolete_inline}}</dt>
 <dd>URI изображения для использования в качестве фона. <em>Этот метод не согласован, вместо него используйте CSS-свойство {{cssxref("background")}}.</em></dd>
 <dt>{{htmlattrdef("bgcolor")}} {{obsolete_inline}}</dt>
 <dd>Цвет фона документа. <em>Этот метод не согласован, вместо него используйте CSS-свойство {{cssxref("background-color")}}.</em></dd>
 <dt>{{htmlattrdef("bottommargin")}} {{obsolete_inline}}</dt>
 <dd>Отступ от нижнего края элемента <code>&lt;body&gt;</code>. <em>Этот метод не согласован, вместо него используйте CSS-свойство {{cssxref("margin-bottom")}}.</em></dd>
 <dt>{{htmlattrdef("leftmargin")}} {{obsolete_inline}}</dt>
 <dd>Отступ от левого края элемента <code>&lt;body&gt;</code>. <em>Этот метод не согласован, вместо него используйте CSS-свойство {{cssxref("margin-left")}}.</em></dd>
 <dt>{{htmlattrdef("link")}} {{obsolete_inline}}</dt>
 <dd>Цвет текста непосещенных гипертекстовых ссылок. <em>Этот метод не согласован, вместо него используйте CSS-свойство {{cssxref("color")}} вместе с псевдоклассом {{cssxref(":link")}}.</em></dd>
 <dt>{{htmlattrdef("onafterprint")}}</dt>
 <dd>Функция для вызова после того, как пользователь распечатал документ.</dd>
 <dt>{{htmlattrdef("onbeforeprint")}}</dt>
 <dd>Функция для вызова, когда пользователь отправляет документ на печать.</dd>
 <dt>{{htmlattrdef("onbeforeunload")}}</dt>
 <dd>Функция для вызова перед закрытием окна документа или переходом на другую, внешнюю, страницу в этой же вкладке.</dd>
 <dt>{{htmlattrdef("onblur")}}</dt>
 <dd>Функция для вызова при потери документом фокуса.</dd>
 <dt>{{htmlattrdef("onerror")}}</dt>
 <dd>Функция для вызова, когда документ не загружается должным образом.</dd>
 <dt>{{htmlattrdef("onfocus")}}</dt>
 <dd>Функция для вызова, когда документ получает фокус.</dd>
 <dt>{{htmlattrdef("onhashchange")}}</dt>
 <dd>Функция для вызова, когда изменяется часть идентификатора фрагмента (начинается с символа <code>'#'</code>) текущего адреса документа.</dd>
 <dt>{{htmlattrdef("onlanguagechange")}} {{experimental_inline}}</dt>
 <dd>Функция для вызова при изменении предпочитаемых языков.</dd>
 <dt>{{htmlattrdef("onload")}}</dt>
 <dd>Функция для вызова, когда документ закончил загрузку (страницы загружена).</dd>
 <dt>{{htmlattrdef("onmessage")}}</dt>
 <dd>Функция для вызова, когда документ получил сообщение.</dd>
 <dt>{{htmlattrdef("onoffline")}}</dt>
 <dd>Функция для вызова, когда происходит сбой сетевого соединения.</dd>
 <dt>{{htmlattrdef("ononline")}}</dt>
 <dd>Функция для вызова, когда произошло восстановление сетевого соединения.</dd>
 <dt>{{htmlattrdef("onpopstate")}}</dt>
 <dd>Функция для вызова, когда пользователь осуществил управление историей сеанса.</dd>
 <dt>{{htmlattrdef("onredo")}}</dt>
 <dd>Функция для вызова, когда произошло продвижение пользователя вперёд по истории транзакций (например, обновление страницы).</dd>
 <dt>{{htmlattrdef("onresize")}}</dt>
 <dd>Функция для вызова, когда размер документа был изменён.</dd>
 <dt>{{htmlattrdef("onstorage")}}</dt>
 <dd>Функция для вызова, когда изменяется содержимое хранилища (<a href="/ru/docs/Web/API/Web_Storage_API">Web Storage</a>).</dd>
 <dt>{{htmlattrdef("onundo")}}</dt>
 <dd>Функция для вызова, когда произошло продвижение пользователя назад по истории транзакций (например, переход на предыдущую страницу в активной вкладке).</dd>
 <dt>{{htmlattrdef("onunload")}}</dt>
 <dd>Функция для вызова, когда пользователь покидает страницу (закрытие вкладки или окна браузера).</dd>
 <dt>{{htmlattrdef("rightmargin")}} {{obsolete_inline}}</dt>
 <dd>Отступ от правого края элемента <code>&lt;body&gt;</code>. <em>Этот метод не согласован, вместо него используйте CSS-свойство {{cssxref("margin-right")}}.</em></dd>
 <dt>{{htmlattrdef("text")}} {{obsolete_inline}}</dt>
 <dd>Основной цвет текста. <em>Этот метод не согласован, вместо него используйте CSS-свойство {{cssxref("color")}}.</em></dd>
 <dt>{{htmlattrdef("topmargin")}} {{obsolete_inline}}</dt>
 <dd>Отступ от верхнего края элемента <code>&lt;body&gt;</code>. <em>Этот метод не согласован, вместо него используйте CSS-свойство {{cssxref("margin-top")}}.</em></dd>
 <dt>{{htmlattrdef("vlink")}} {{obsolete_inline}}</dt>
 <dd>Цвет текста посещённой гипертекстовой ссылки. <em>Этот метод не согласован, вместо него используйте CSS-свойство {{cssxref("color")}} вместе с псевдоклассом {{cssxref(":visited")}}.</em></dd>
</dl>

<h2 id="Пример">Пример</h2>

<pre class="brush: html">&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Заголовок документа&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;p&gt;Это параграф&lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;
</pre>

<h2 id="Спецификации">Спецификации</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Спецификация</th>
   <th scope="col">Статус</th>
   <th scope="col">Комментарий</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-body-element', '&lt;body&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Изменён список несогласованных свойств.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '&lt;body&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Ранее устаревшие атрибуты больше не поддерживаются. Определено поведение несогласованных и не стандартизированных атрибутов <code>topmargin</code>, <code>leftmargin</code>, <code>rightmargin</code> и <code>bottommargin</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '&lt;body&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td>Устаревшие атрибуты <code>alink</code>, <code>background</code>, <code>bgcolor</code>, <code>link</code>, <code>text</code> и <code>vlink</code>.</td>
  </tr>
 </tbody>
</table>

<h2 id="Поддержка_браузерами">Поддержка браузерами</h2>

<div class="hidden">Таблица совместимости на этой странице генерируется из структурированных данных. Если вы хотите внести свой вклад в эти данные, пожалуйста проверьте <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам "pull request" (предложение изменения кода в чужом репозитории).</div>

<p>{{Compat("html.elements.body")}}</p>

<h2 id="Смотрите_также">Смотрите также</h2>

<ul>
 <li>{{HTMLElement("html")}}</li>
 <li>{{HTMLElement("head")}}</li>
</ul>