Im Body-Element steht alles, was auf der Seite erscheint. Die Grenze zum Kopfbereich verläuft entlang der Frage, ob etwas Inhalt ist oder eine Angabe über den Inhalt.
- Body-Element
Der Bereich eines HTML-Dokuments, der den Inhalt der Seite enthält.
Beispiel: „Alles, was im Browserfenster erscheint, steht im Body-Element.“Auch: Dokumentkörper.
Der Inhalt des Dokuments
Die Spezifikation fasst es knapp: Das Element represents the contents of the document. Überschriften, Absätze, Bilder, Formulare, Navigation, alles steht hier. In einem gültigen Dokument gibt es genau ein body-Element.
Die Abgrenzung zum Kopfbereich verläuft entlang der Frage, ob etwas Inhalt ist oder eine Angabe über den Inhalt. Der Titel der Seite gehört in den Kopf, die Überschrift auf der Seite in den Körper, auch wenn beide oft denselben Wortlaut haben.
Wenn das Tag fehlt
Das öffnende Tag darf nach den Regeln für weggelassene Tags entfallen. Das Element verschwindet dadurch nicht: Der Browser legt es trotzdem an, sobald der erste Inhalt kommt. Im Baum ist es anschließend vorhanden, auch wenn es im Quelltext nie stand.
Deshalb findet JavaScript immer ein body-Element vor, selbst bei einer Datei, die nur aus einem Satz besteht. Verlassen sollte man sich darauf trotzdem nicht: Sobald ein Attribut dazukommt, muss das Tag ausgeschrieben werden.
Was am Element selbst gesetzt wird
Weil es alles Sichtbare enthält, ist es der übliche Ort für Grundangaben zur Darstellung: Schriftfamilie, Zeilenhöhe, Textfarbe und Hintergrund. Diese Werte vererben sich an alle Nachfahren und müssen nicht wiederholt werden.
Klassen am body steuern außerdem oft, welche Variante einer Seite gerade gilt, etwa ob ein Menü geöffnet ist. Weil jedes andere Element darunter liegt, lässt sich damit die ganze Seite umschalten.