Revision 731583 of <body>

Adressname der Version: Web/HTML/Element/body
Titel der Version: <body>
ID der Version: 731583
Erstellt: 28.01.2015, 14:06:10
Autor: felhe
Aktuelle Version? Nein
Kommentar

Schlagwörter:

Inhalt der Version

Zusammenfassung

Das HTML <body> Element repräsentiert den Inhalt eines HTML Dokuments. Es gibt nur ein <body> Element in einem Dokument.

Content categories Sectioning root.
Erlaubter Inhalt Flow content.
Tag PlatzierungDer 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.
Zulässige Elternelemente Es muss das zweite Element eines {{HTMLElement("html")}} Elements sein.
DOM Schnittstelle {{domxref("HTMLBodyElement")}}
- Das <body> Element implementiert die {{domxref("HTMLBodyElement")}} Schnittstelle.
- Sie können auf das Body-Element durch ein {{domxref("document.body")}} Attribute zugreifen.

Attribute

Dieses Element beinhaltet die Globalen Attribute.

{{htmlattrdef("alink")}} {{obsolete_inline}}: Textfarbe für selektierte Links. Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("color")}} Objekt in Verbindung mit der {{cssxref(":active")}} Pseudoklasse.
{{htmlattrdef("background")}} {{obsolete_inline}}: URI eines Bilds, das als Hintergrundbild gesetzt wird. Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("background")}} Objekt auf dem Element.
Hinweis: Seit Gecko 7.0 {{geckoRelease("7.0")}} wird background nicht länger als eine URI aufgelöst; stattdessen wird es als einfacher String behandelt.
{{htmlattrdef("bgcolor")}} {{obsolete_inline}}: Hintergrundfarbe eines Dokumentes. Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("background-color")}} Objekt auf dem Element.
{{htmlattrdef("bottommargin")}} {{obsolete_inline}}: Der Abstand des Bodens des Bodys. Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("margin-bottom")}} Objekt auf dem Element.
{{htmlattrdef("leftmargin")}} {{obsolete_inline}}: Der Abstand der linken Seite des Bodys. Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("margin-left")}} Objekt auf dem Element.
{{htmlattrdef("link")}} {{obsolete_inline}}: Textfarbe eines unbesuchten Links. Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("color")}} Objekt in Verbindung mit der {{cssxref(":link")}} Pseudoklasse.
{{htmlattrdef("onafterprint")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn der Nutzer das Dokument gedruckt hat.
{{htmlattrdef("onbeforeprint")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn der Nutzer das Dokument drucken möchte.
{{htmlattrdef("onbeforeunload")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn das Dokument nicht geladen wird.
{{htmlattrdef("onblur")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn das Dokument nicht mehr angezeigt wird.
{{htmlattrdef("onerror")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn das Dokument nicht richtig geladen wird.
{{htmlattrdef("onfocus")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn das Dokument angezigt wird.
{{htmlattrdef("onhashchange")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn der Fragment-Identifizier-Teil (beginnend mit der Raute ('#')) der eigentlichen Adresse des Dokuments geändert wird.
{{htmlattrdef("onlanguagechange")}} {{experimental_inline}}: Funktion, die aufgerufen wird, wenn die bevorzugte Sprache geändert wird.
{{htmlattrdef("onload")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn das Dokument fertig geldaden ist.
{{htmlattrdef("onmessage")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn das Dokument eine Nachricht erhalten hat.
{{htmlattrdef("onoffline")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn die Netzwerk-Kommunikation gescheitert ist.
{{htmlattrdef("ononline")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn die Netzwerk-Kommunikation wiederhergestellt wird.
{{htmlattrdef("onpopstate")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn der Nutzer den Sitzungsverlauf aufgerufen hat.
{{htmlattrdef("onredo")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn der Nutzer vorwärts eine Rückgängig-Aktion wiederholt hat.
{{htmlattrdef("onresize")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn die Größe des Dokumentes verändert wird.
{{htmlattrdef("onstorage")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn der Speicherbreich verändert wurde.
{{htmlattrdef("onundo")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn der Nutzer zurückgegangen ist.
{{htmlattrdef("onunload")}} {{HTMLVersionInline(5)}}: Funktion, die aufgerufen wird, wenn das Dokument verschwindet.
{{htmlattrdef("rightmargin")}} {{obsolete_inline}}: Der Abstand der rehten Seite des Bodys. Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("margin-right")}} Objekt auf dem Element.
{{htmlattrdef("text")}} {{obsolete_inline}}: Vordergrundfarbe des Textes. TDiese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("color")}} Objekt auf dem Element.
{{htmlattrdef("topmargin")}} {{obsolete_inline}}: Der Abstand von oben des Bodys. Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("margin-top")}} Objekt auf dem Element.
{{htmlattrdef("vlink")}} {{obsolete_inline}}: Textfarbe eines besuchten Links. Diese Methode ist fehlerhaft, benutzen Sie stattdessen das CSS {{cssxref("color")}} Objekt in Verbindung mit der {{cssxref(":visited")}} Pseudoklasse.

Spezifikationen

Spezifikation	Status	Anmerkung
{{SpecName('HTML WHATWG', 'sections.html#the-body-element', '<body>')}}	{{Spec2('HTML WHATWG')}}	Veränderte die Liste der fehlerhaften Features.
{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '<body>')}}	{{Spec2('HTML5 W3C')}}	Überholt die ehemaligen veralteten Attribute. Definiert das Verhalten der fehlerhaften und niemals standartisierten margintop, marginleft, marginright und marginbottom.
{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '<body>')}}	{{Spec2('HTML4.01')}}	Überholt die alink, background, bgcolor, link, text und vlink Attribute.

Browser compatibility

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	1.0	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`onlanguagechange`	{{CompatUnknown}}	{{CompatGeckoDesktop("32")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`bottommargin`, `leftmargin`, `rightmargin`, `topmargin` {{obsolete_inline}}	{{CompatVersionUnknown}}	{{CompatGeckoDesktop("35")}} [1]	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`onlanguagechange`	{{CompatUnknown}}	{{CompatGeckoMobile("32")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`bottommargin`, `leftmargin`, `rightmargin`, `topmargin` {{obsolete_inline}}	{{CompatVersionUnknown}}	{{CompatGeckoMobile("35")}} [1]	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}

[1] Wurde bereits vorher im Quirk Mode unterstützt.

Siehe auch

{{HTMLElement("html")}}
{{HTMLElement("head")}}

Quelltext der Version

<h2 id="Zusammenfassung">Zusammenfassung</h2>

<p>Das&nbsp;<strong>HTML <code>&lt;body&gt;</code>&nbsp;Element</strong>&nbsp;repräsentiert den Inhalt eines HTML Dokuments. Es gibt nur ein <code>&lt;body&gt;</code>&nbsp;Element in einem Dokument.</p>

<ul class="htmlelt">
 <li><dfn><a href="/en-US/docs/Web/HTML/Content_categories">Content categories</a></dfn> <a href="/en-US/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document#Sectioning_roots">Sectioning root</a>.</li>
 <li><dfn>Erlaubter Inhalt</dfn> <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>.</li>
 <li><dfn>Tag Platzierung</dfn>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.</li>
 <li><dfn>Zulässige Elternelemente</dfn> Es muss das zweite Element eines {{HTMLElement("html")}} Elements sein.</li>
 <li><dfn>DOM Schnittstelle</dfn> {{domxref("HTMLBodyElement")}}
  <ul>
   <li>Das&nbsp;<code>&lt;body&gt;</code>&nbsp;Element implementiert die {{domxref("HTMLBodyElement")}} Schnittstelle.</li>
   <li>Sie können auf das Body-Element durch ein {{domxref("document.body")}} Attribute zugreifen.</li>
  </ul>
 </li>
</ul>

<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.&nbsp;<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.&nbsp;<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.&nbsp;<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.&nbsp;<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', '&lt;body&gt;')}}</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', '&lt;body&gt;')}}</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', '&lt;body&gt;')}}</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 name="See_also">[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>

Zu dieser Version zurücksetzen