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
|
---
title: <body>：文档主体元素
slug: Web/HTML/Element/body
tags:
- HTML
- 元素
- 分段
- 参考
- 段落根元素
translation_of: Web/HTML/Element/body
---
<p>{{HTMLRef}}</p>
<p><strong>HTML <code>body</code> 元素</strong>表示文档的内容。{{domxref("document.body")}} 属性提供了可以轻松访问文档的 body 元素的脚本。</p>
<table class="properties">
<tbody>
<tr>
<th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">内容分类</a></th>
<td><a href="/en-US/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document#Sectioning_roots">Sectioning root</a>.</td>
</tr>
<tr>
<th scope="row">允许的内容</th>
<td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>.</td>
</tr>
<tr>
<th scope="row">Tag omission</th>
<td>The start tag may be omitted if the first thing inside it is not a space character, comment, {{HTMLElement("script")}} element or {{HTMLElement("style")}} element. The end tag may be omitted if the <code><body></code> element has contents or has a start tag, and is not immediately followed by a comment.</td>
</tr>
<tr>
<th scope="row">允许的父元素</th>
<td>它必须是 <a href="/zh-CN/docs/Web/HTML/Element/html">html</a> 元素的直接子元素。</td>
</tr>
<tr>
<th scope="row">Permitted ARIA roles</th>
<td>None</td>
</tr>
<tr>
<th scope="row">DOM 接口</th>
<td>{{domxref("HTMLBodyElement")}}
<ul>
<li><code>body</code> 元素接口 {{domxref("HTMLBodyElement")}} 。</li>
<li>你可以通过 {{domxref("document.body")}} 属性访问 <code>body</code> 元素。</li>
</ul>
</td>
</tr>
</tbody>
</table>
<h2 id="属性">属性</h2>
<p>此元素包含 <a href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a> 。</p>
<dl class="syntaxbox">
<dt>{{htmlattrdef("alink")}} {{obsolete_inline}}</dt>
<dd>超链接选中之后的文本颜色。<em>此方法不符合规范，请使用 CSS 的 {{cssxref("color")}} 属性和 {{cssxref(":active")}} 伪类替代。</em></dd>
<dt>{{htmlattrdef("background")}} {{obsolete_inline}}</dt>
<dd>将URI所指向的图片作为背景。此方法不符合规范，请<em>使用</em><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>body</code> 的底外边距。此方法不符合规范，请使用<em> CSS 的 {{cssxref("margin-bottom")}} 属性替代。</em></dd>
<dt>{{htmlattrdef("leftmargin")}} {{obsolete_inline}}</dt>
<dd><code>body</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>存储内容（<code>localStorage</code> / <code>sessionStorage</code>）发生改变时调用的函数。</dd>
<dt>{{htmlattrdef("onundo")}}</dt>
<dd>用户撤销操作时调用的函数。</dd>
<dt>{{htmlattrdef("onunload")}}</dt>
<dd>文档关闭时调用的函数。</dd>
<dt>{{htmlattrdef("rightmargin")}} {{obsolete_inline}}</dt>
<dd><code>body</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>body</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"><html>
<head>
<title>Document title</title>
</head>
<body>
<p>This is a paragraph</p>
</body>
</html>
</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', '<body>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>更改了不一致的特性列表。</td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '<body>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td>废弃了以前不赞成的属性。定义了没有标准化的 <code>margintop</code>, <code>marginleft</code>, <code>marginright</code> 和<code>marginbottom</code> 不一致的行为。增加了 <code>on*</code> 属性。</td>
</tr>
<tr>
<td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '<body>')}}</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>
<p>{{Compat("html.elements.body")}}</p>
<h2 id="参见">参见</h2>
<ul>
<li>{{HTMLElement("html")}}</li>
<li>{{HTMLElement("head")}}</li>
</ul>
|
