<body>: Das Dokumenten-Body-Element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <body>-HTML-Element repräsentiert den Inhalt eines HTML-Dokuments. In einem Dokument kann es nur ein <body>-Element geben.

Attribute

Dieses Element umfasst die globalen Attribute, Ereignisattribute und veraltete Attribute:

Ereignisattribute

Hinweis: Jeder der unten genannten Ereignisattributnamen ist mit dem entsprechenden Ereignis der Window-Schnittstelle verlinkt. Sie können diese Ereignisse mit addEventListener() abhören, anstatt das oneventname-Attribut dem <body>-Element hinzuzufügen.

onafterprint

Funktion, die nach dem Drucken des Dokuments aufgerufen wird.

onbeforeprint

Funktion, die aufgerufen wird, wenn der Benutzer das Drucken des Dokuments anfordert.

onbeforeunload

Funktion, die aufgerufen wird, wenn das Dokument entladen werden soll.

onblur

Funktion, die aufgerufen wird, wenn das Dokument den Fokus verliert.

onerror

Funktion, die aufgerufen wird, wenn das Dokument nicht ordnungsgemäß geladen wird.

onfocus

Funktion, die aufgerufen wird, wenn das Dokument den Fokus erhält.

onhashchange

Funktion, die aufgerufen wird, wenn sich der Fragmentbezeichner-Teil (beginnend mit dem Hash ('#') Zeichen) der aktuellen Adresse des Dokuments geändert hat.

onlanguagechange

Funktion, die aufgerufen wird, wenn sich die bevorzugten Sprachen geändert haben.

onload

Funktion, die aufgerufen wird, wenn das Dokument fertig geladen ist.

onmessage

Funktion, die aufgerufen wird, wenn das Dokument eine Nachricht empfangen hat.

onmessageerror

Funktion, die aufgerufen wird, wenn das Dokument eine Nachricht erhalten hat, die nicht deserialisiert werden kann.

onoffline

Funktion, die aufgerufen wird, wenn die Netzwerkkommunikation fehlgeschlagen ist.

ononline

Funktion, die aufgerufen wird, wenn die Netzwerkkommunikation wiederhergestellt wurde.

onpageswap

Funktion, die aufgerufen wird, wenn über Dokumente navigiert wird, wenn das vorherige Dokument entladen werden soll.

onpagehide

Funktion, die aufgerufen wird, wenn der Browser die aktuelle Seite ausblendet, um eine andere Seite aus der Sitzungsverlauf zu präsentieren.

onpagereveal

Funktion, die aufgerufen wird, wenn ein Dokument erstmals gerendert wird, entweder beim Laden eines neuen Dokuments aus dem Netzwerk oder beim Aktivieren eines Dokuments.

onpageshow

Funktion, die aufgerufen wird, wenn der Browser das Fensterdokument aufgrund der Navigation anzeigt.

onpopstate

Funktion, die aufgerufen wird, wenn der Benutzer im Sitzungsverlauf navigiert hat.

onresize

Funktion, die aufgerufen wird, wenn das Dokument in der Größe verändert wurde.

onrejectionhandled

Funktion, die aufgerufen wird, wenn ein JavaScript Promise verspätet behandelt wird.

onstorage

Funktion, die aufgerufen wird, wenn der Speicherbereich geändert wurde.

onunhandledrejection

Funktion, die aufgerufen wird, wenn ein JavaScript Promise, das keinen Ablehnungs-Handler hat, abgelehnt wird.

onunload

Funktion, die aufgerufen wird, wenn das Dokument geht.

Veraltete Attribute

Warnung: Verwenden Sie diese veralteten Attribute nicht; nutzen Sie stattdessen die angegebenen CSS-Alternativen.

Farbe des Textes für Hyperlinks, wenn ausgewählt. Verwenden Sie stattdessen die CSS-Eigenschaft color in Verbindung mit den Pseudo-Klassen :active und :focus.

background Veraltet

URI eines Bildes als Hintergrund. Verwenden Sie stattdessen die CSS-Eigenschaft background-image.

bgcolor Veraltet

Hintergrundfarbe des Dokuments. Verwenden Sie stattdessen die CSS-Eigenschaft background-color.

bottommargin Veraltet

Der Rand des unteren Bereichs des Bodys. Verwenden Sie stattdessen die CSS-Eigenschaft margin-bottom (oder die logische Eigenschaft margin-block-end).

leftmargin Veraltet

Der Rand des linken Bereichs des Bodys. Verwenden Sie stattdessen die CSS-Eigenschaft margin-left (oder die logische Eigenschaft margin-inline-start).

Farbe des Textes für nicht besuchte Hypertext-Links. Verwenden Sie stattdessen die CSS-Eigenschaft color in Verbindung mit der Pseudo-Klasse :link.

rightmargin Veraltet

Der Rand des rechten Bereichs des Bodys. Verwenden Sie die CSS-Eigenschaft margin-right oder die logische Eigenschaft margin-inline-end.

text Veraltet

Vordergrundfarbe des Textes. Verwenden Sie stattdessen die CSS-Eigenschaft color.

topmargin Veraltet

Der Rand des oberen Bereichs des Bodys. Verwenden Sie stattdessen die CSS-Eigenschaft margin-top (oder die logische Eigenschaft margin-block-start).

Farbe des Textes für besuchte Hypertext-Links. Verwenden Sie stattdessen die CSS-Eigenschaft color in Verbindung mit der Pseudo-Klasse :visited.

Beispiele

html
<html lang="en">
  <head>
    <title>Document title</title>
  </head>
  <body>
    <p>
      The <code>&lt;body&gt;</code> HTML element represents the content of an
      HTML document. There can be only one <code>&lt;body&gt;</code> element in
      a document.
    </p>
  </body>
</html>

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Keine.
Erlaubter Inhalt Fluss-Inhalt.
Tag-Auslassung Das Start-Tag kann ausgelassen werden, wenn das erste Element darin kein Leerzeichen, Kommentar, <script>-Element oder <style>-Element ist. Das End-Tag kann ausgelassen werden, wenn das <body>-Element Inhalte hat oder ein Start-Tag hat und nicht unmittelbar von einem Kommentar gefolgt wird.
Erlaubte Eltern Es muss das zweite Element eines <html> Elements sein.
Implizierte ARIA-Rolle generisch
Erlaubte ARIA-Rollen Keine role erlaubt
DOM-Schnittstelle [`HTMLBodyElement`](/de/docs/Web/API/HTMLBodyElement)
  • Das <body>-Element stellt die [`HTMLBodyElement`](/de/docs/Web/API/HTMLBodyElement)-Schnittstelle dar.
  • Sie können auf das <body>-Element über die [`document.body`](/de/docs/Web/API/Document/body)-Eigenschaft zugreifen.

Spezifikationen

Specification
HTML Standard
# the-body-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch