Zum Inhalt springen

Root-Element (html-Tag)

oder auch Wurzelelement, html-Element

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Das Root-Element ist das äußerste Element eines Dokuments. Alles andere liegt darin, und deshalb ist es der Platz für Angaben, die für die ganze Seite gelten, etwa die Sprache.

Root-Element (html-Tag)

Das äußerste Element eines HTML-Dokuments, das alle übrigen enthält.
Beispiel: „Das Root-Element ist die Wurzel, von der aus der Browser den Baum aufbaut.“

Auch: html-Element, Wurzelelement.

Die Wurzel und ihre zwei Kinder

Vier ineinanderliegende Kästen: der DOCTYPE außerhalb, darunter das html-Element, darin der Kopfbereich mit Titel und Zeichensatz und der Körper mit Überschriften, Text und Bildern.
Der äußere Kasten ist das html-Element; head und body sind seine einzigen beiden Kinder.

Die Spezifikation sagt, das Element represents the root of an HTML document. Sein Inhaltsmodell ist streng: A head element followed by a body element. Mehr als diese zwei Kinder darf es nicht geben, und die Reihenfolge liegt fest.

Jedes andere Element im Dokument ist ein Nachfahre dieser Wurzel. Deshalb ist sie der Platz für alles, was für das ganze Dokument gilt.

Die Sprachangabe

Die Spezifikation empfiehlt Autoren ausdrücklich, hier die Dokumentsprache zu setzen. Das ist mehr als eine Formalie: Ein Screenreader wählt danach seine Aussprache, und ein deutscher Text mit englischer Sprachangabe wird unverständlich vorgelesen.

Auch die Silbentrennung im Browser richtet sich danach. Ohne die Angabe trennt er nicht oder nach den falschen Regeln. Für einzelne Passagen in einer anderen Sprache lässt sich das Attribut an jedem Element wiederholen.

Was sonst noch hierhin kommt

In der Praxis trägt das Element oft eine Klasse, die den Darstellungsmodus festhält, etwa für Dark Mode. Weil die Wurzel über allem steht, erreicht eine Klasse dort jede Regel im Stylesheet.

Die CSS-Pseudoklasse für die Wurzel trifft dasselbe Element und ist der übliche Ort für CSS-Variablen, die im ganzen Dokument gelten sollen.

Siehe auch:

HTML-Grundgerüst

Die wenigen Zeilen, mit denen jedes HTML-Dokument beginnt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Head-Element

Der Kopfbereich mit den Angaben über das Dokument, die niemand sieht.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Body-Element

Der Bereich, in dem alles steht, was auf der Seite zu sehen ist.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Element (HTML)

Ein Bestandteil des Dokuments, erzeugt durch ein Tag oder ein Tag-Paar.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Attribut (HTML)

Eine Angabe im öffnenden Tag, die eine Eigenschaft des Elements festlegt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)