HTML html • Wurzel der HTML-Seite

HTML html Tag

Das html-Element informiert den Browser, dass eine HTML-codierte Seite vorliegt. Öffnendes und schließendes <html>-Tag bilden den Anfang und das Ende des HTML-Dokuments. Weil es das oberste Element der HTML-Seite ist, wird das html-Element auch als Wurzel – root – bezeichnet.

23-02-02 SITEMAP CSS HTML JS Basis JS Web Tutorial SVG

Das html-Element

HTML Template
<!DOCTYPE html>
<html lang="de">
   <head> … </head>
   <body> … </body>
</html>

Das einzige Element, das vor dem <html>-Tag stehen darf, ist das <!DOCTYPE>-Tag. Obwohl es nicht gefordert ist, sollte im <html>-Element die Landessprache oder »gesprochene« Sprache der Webseite durch den Sprachcode deklariert werden:

  • lang="de" in HTML-Seiten

Dann weiß der Screenreader, in welcher Sprache er die Seite vorlesen soll.

Im html-Tag dürfen nur zwei Tags direkt sitzen: das HTML-head-Element und das body-Element. Allerdings dürfen im html-Element auch Kommentare sitzen.

<html> muss nicht sein

Jedes wohlgeformte und korrekt verschachtelte XHTML-Dokument (die Vorgängerversion von HTML) musste ein html-Element enthalten (zusammen mit dem head-, title- und body-Tag). Für das moderne HTML gilt das nicht mehr.

Das html-Tag muss nicht eingesetzt werden. Alte Browser würden das Dokument auch ohne html-Element (und ohne head- und body-Element) korrekt darstellen.

Der Validator hätte daran nicht einmal etwas auszusetzen. In der Tat dürfte man sowohl das head- und das body-Element weglassen und die Browser werden die Seite unverändert anzeigen.

Attribute des html-Elements

dir = "rtl" Schreibrichtung der Schrift; Vorgabe ist ltr (von Links nach Rechts)
lang = "de" gesprochene Sprache der Webseite (HTML Sprachcodes)
manifest = "webstorage.manifest" HTML-Manifest für den Offline-Zugriff auf die Webseite. Gilt seit 2022 als veraltet und wurde durch die Datei json.manifest ersetzt.

Die Angabe der Sprache der Webseite mit dem lang-Attribut wendet sich an die Sprachausgabe und an Braille-Zeilen, ermöglicht die Rechtschreibprüfung von Texten in Formularen und Elementen mit contenteditable-Attribut, und ist die Basis für Übersetzungen.

Im Text der Webseite kann die Sprache für einzelne Begriffe oder ganze Absätze durch das lang-Attribut geändert werden, die Laufrichtung von Texten durch bdo / bdi

Manifest ist die URL (Adresse, Pfad zur Datei) des Cache-Speicher, in dem die Ressourcen aufgeführt sind, die für den Offline-Zugriff nötig sind. Sie werden vom Browser in den Cache geladen, so dass der Browser die Seite auch noch anzeigen kann, wenn keine Verbindung zum Internet besteht.

Die Manifest-Datei ist eine einfache Textdatei mit den Pfaden zu CSS- und Javascript-Dateien sowie zu Bildern.