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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
|
---
title: <body>
slug: Web/HTML/Element/body
tags:
- Element
- Grundlagen
- HTML
- Web
translation_of: Web/HTML/Element/body
---
<h2 id="Zusammenfassung">Zusammenfassung</h2>
<p>Das <strong>HTML <code><body></code> Element</strong> repräsentiert den Inhalt eines HTML Dokuments. Es gibt nur ein <code><body></code> Element in einem Dokument.</p>
<table class="properties">
<tbody>
<tr>
<th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">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">Erlaubter Inhalt</th>
<td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>.</td>
</tr>
<tr>
<th scope="row">Tag Platzierung</th>
<td>Der Starttag darf weggelassen werden, wenn das erste Ding dazwischen kein Leerzeichen, Kommentar, {{HTMLElement("script")}} Element oder {{HTMLElement("style")}} Element ist. Der Endtag kann weggelassen werden, wenn das Body-Element Inhalte oder einen Starttag hat und ihm nicht sofort ein Kommentar folgt.</td>
</tr>
<tr>
<th scope="row">Zulässige Elternelemente</th>
<td>Es muss das zweite Element eines {{HTMLElement("html")}} Elements sein.</td>
</tr>
<tr>
<th>DOM Schnittstelle</th>
<td>{{domxref("HTMLBodyElement")}}
<ul>
<li>Das <code><body></code> Element implementiert die {{domxref("HTMLBodyElement")}} Schnittstelle.</li>
<li>Sie können auf das Body-Element durch ein {{domxref("document.body")}} Attribute zugreifen.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<h2 id="Attribute">Attribute</h2>
<p>Dieses Element beinhaltet die <a href="/en-US/docs/Web/HTML/Global_attributes">Globalen Attribute</a>.</p>
<dl>
<dt>{{htmlattrdef("alink")}} {{obsolete_inline}}</dt>
<dd>Textfarbe für selektierte Links. <em>Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("color")}} Objekt in Verbindung mit der {{cssxref(":active")}} Pseudoklasse.</em></dd>
<dt>{{htmlattrdef("background")}} {{obsolete_inline}}</dt>
<dd>URI eines Bilds, das als Hintergrundbild gesetzt wird. <em>Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS</em><em> {{cssxref("background")}} Objekt auf dem Element.</em>
<div class="note"><strong>Hinweis:</strong> Seit Gecko 7.0 {{geckoRelease("7.0")}} wird <code>background</code> nicht länger als eine URI aufgelöst; stattdessen wird es als einfacher String behandelt.</div>
</dd>
<dt>{{htmlattrdef("bgcolor")}} {{obsolete_inline}}</dt>
<dd>Hintergrundfarbe eines Dokumentes. <em>Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("background-color")}} Objekt auf dem Element.</em></dd>
<dt>{{htmlattrdef("bottommargin")}} {{obsolete_inline}}</dt>
<dd>Der Abstand des Bodens des Bodys. <em>Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("margin-bottom")}} Objekt auf dem Element.</em></dd>
<dt>{{htmlattrdef("leftmargin")}} {{obsolete_inline}}</dt>
<dd>Der Abstand der linken Seite des Bodys. <em>Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("margin-left")}} Objekt auf dem Element.</em></dd>
<dt>{{htmlattrdef("link")}} {{obsolete_inline}}</dt>
<dd>Textfarbe eines unbesuchten Links. <em>Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("color")}} Objekt in Verbindung mit der {{cssxref(":link")}} Pseudoklasse.</em></dd>
<dt>{{htmlattrdef("onafterprint")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn der Nutzer das Dokument gedruckt hat.</dd>
<dt>{{htmlattrdef("onbeforeprint")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn der Nutzer das Dokument drucken möchte.</dd>
<dt>{{htmlattrdef("onbeforeunload")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn das Dokument nicht geladen wird.</dd>
<dt>{{htmlattrdef("onblur")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn das Dokument nicht mehr angezeigt wird.</dd>
<dt>{{htmlattrdef("onerror")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn das Dokument nicht richtig geladen wird.</dd>
<dt>{{htmlattrdef("onfocus")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn das Dokument angezigt wird.</dd>
<dt>{{htmlattrdef("onhashchange")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn der Fragment-Identifizier-Teil (beginnend mit der Raute (<code>'#'</code>)) der eigentlichen Adresse des Dokuments geändert wird.</dd>
<dt>{{htmlattrdef("onlanguagechange")}} {{experimental_inline}}</dt>
<dd>Funktion, die aufgerufen wird, wenn die bevorzugte Sprache geändert wird.</dd>
<dt>{{htmlattrdef("onload")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn das Dokument fertig geldaden ist.</dd>
<dt>{{htmlattrdef("onmessage")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn das Dokument eine Nachricht erhalten hat.</dd>
<dt>{{htmlattrdef("onoffline")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn die Netzwerk-Kommunikation gescheitert ist.</dd>
<dt>{{htmlattrdef("ononline")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn die Netzwerk-Kommunikation wiederhergestellt wird.</dd>
<dt>{{htmlattrdef("onpopstate")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn der Nutzer den Sitzungsverlauf aufgerufen hat.</dd>
<dt>{{htmlattrdef("onredo")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn der Nutzer vorwärts eine Rückgängig-Aktion wiederholt hat.</dd>
<dt>{{htmlattrdef("onresize")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn die Größe des Dokumentes verändert wird.</dd>
<dt>{{htmlattrdef("onstorage")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn der Speicherbreich verändert wurde.</dd>
<dt>{{htmlattrdef("onundo")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn der Nutzer zurückgegangen ist.</dd>
<dt>{{htmlattrdef("onunload")}} {{HTMLVersionInline(5)}}</dt>
<dd>Funktion, die aufgerufen wird, wenn das Dokument verschwindet.</dd>
<dt>{{htmlattrdef("rightmargin")}} {{obsolete_inline}}</dt>
<dd>Der Abstand der rehten Seite des Bodys. <em>Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("margin-right")}} Objekt auf dem Element.</em></dd>
<dt>{{htmlattrdef("text")}} {{obsolete_inline}}</dt>
<dd>Vordergrundfarbe des Textes. <em>TDiese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("color")}} Objekt auf dem Element.</em></dd>
<dt>{{htmlattrdef("topmargin")}} {{obsolete_inline}}</dt>
<dd>Der Abstand von oben des Bodys. <em>Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("margin-top")}} Objekt auf dem Element.</em></dd>
<dt>{{htmlattrdef("vlink")}} {{obsolete_inline}}</dt>
<dd>Textfarbe eines besuchten Links. <em>Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("color")}} Objekt in Verbindung mit der {{cssxref(":visited")}} Pseudoklasse.</em></dd>
</dl>
<h2 id="Specifications" name="Specifications">Spezifikationen</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Spezifikation</th>
<th scope="col">Status</th>
<th scope="col">Anmerkung</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'sections.html#the-body-element', '<body>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>Veränderte die Liste der fehlerhaften Features.</td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '<body>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td>Überholt die ehemaligen veralteten Attribute. Definiert das Verhalten der fehlerhaften und niemals standartisierten <strong>margintop</strong>, <strong>marginleft</strong>, <strong>marginright</strong> und <strong>marginbottom</strong><strong>.</strong></td>
</tr>
<tr>
<td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '<body>')}}</td>
<td>{{Spec2('HTML4.01')}}</td>
<td>Überholt die <strong>alink</strong>, <strong>background</strong>, <strong>bgcolor</strong>, <strong>link</strong>, <strong>text</strong> und <strong>vlink</strong> Attribute.</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari (WebKit)</th>
</tr>
<tr>
<td>Basic support</td>
<td>1.0</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
<tr>
<td><code>onlanguagechange</code></td>
<td>{{CompatUnknown}}</td>
<td>{{CompatGeckoDesktop("32")}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
</tr>
<tr>
<td><code>bottommargin</code>, <code>leftmargin</code>, <code>rightmargin</code>, <code>topmargin</code> {{obsolete_inline}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoDesktop("35")}} [1]</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Phone</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
<tr>
<td><code>onlanguagechange</code></td>
<td>{{CompatUnknown}}</td>
<td>{{CompatGeckoMobile("32")}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
</tr>
<tr>
<td><code>bottommargin</code>, <code>leftmargin</code>, <code>rightmargin</code>, <code>topmargin</code> {{obsolete_inline}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoMobile("35")}} [1]</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<p>[1] Wurde bereits vorher im Quirk Mode unterstützt.</p>
<h2 id="See_also" name="See_also">Siehe auch</h2>
<ul>
<li>{{HTMLElement("html")}}</li>
<li>{{HTMLElement("head")}}</li>
</ul>
<div>{{HTMLRef}}</div>
|
