HTML <html>-Tag
Der <html>-Tag definiert ein in HTML geschriebenes Dokument und enthält alle grundlegenden Elemente einer HTML-Seite.
Der <html>-Tag ist das Wurzelelement eines HTML-Dokuments — er steht ganz oben im Dokumentbaum und umschließt jedes andere Element auf der Seite. „Wurzel" bedeutet, dass er kein übergeordnetes Element besitzt: Wenn der Browser die Seite in das DOM (Document Object Model, den Knotenbaum, den er im Speicher aufbaut) einliest, ist das <html>-Element der einzige Knoten, von dem alle anderen Knoten abstammen. Da alles darin enthalten ist, legt man am <html>-Tag auch seitenweite Attribute fest, etwa die Sprache und die Textrichtung des Dokuments.
Das Einzige, was vor <html> erscheinen darf, ist die <!DOCTYPE>-Deklaration, die dem Browser mitteilt, welche HTML-Version das Dokument verwendet, und ihn in den Standardmodus versetzt.
Das <html>-Element hat genau zwei direkte Kindelemente, die in dieser Reihenfolge erscheinen müssen:
- Der
<head>-Tag enthält Metadaten für den Browser und Suchmaschinen — den<title>,<link>,<script>und ähnliche Tags. Nichts im<head>wird direkt auf der Seite angezeigt. - Der
<body>-Tag enthält alles, was der Besucher tatsächlich sieht: Text, Bilder, Links und so weiter.
Setzen Sie immer das lang-Attribut auf <html>. Es teilt dem Browser, Suchmaschinen und Hilfstechnologien mit, in welcher Sprache die Seite verfasst ist. Das verbessert die Indexierung, hilft Browsern bei der Auswahl der richtigen Schriftarten und Darstellung nationaler Zeichen und ermöglicht Screenreadern die korrekte Aussprache und Stimme zu wählen.
HTML <html>-Tag mit dem „lang"-Attribut
<html lang="en">Das lang-Attribut
Der Wert von lang ist ein BCP-47-Sprach-Tag — ein kurzer, standardisierter Code für eine menschliche Sprache. Die häufigste Form ist ein zweistelliges Sprach-Subtag (aus ISO 639), optional gefolgt von einem Regions- oder Schrift-Subtag, getrennt durch einen Bindestrich.
<html lang="en"> <!-- English -->
<html lang="en-US"> <!-- English, United States -->
<html lang="fr"> <!-- French -->
<html lang="de"> <!-- German -->
<html lang="zh-Hans"> <!-- Chinese, Simplified script -->
<html lang="zh-Hant"> <!-- Chinese, Traditional script -->
<html lang="ar"> <!-- Arabic -->Setzen Sie lang einmal auf <html>, um die primäre Sprache des Dokuments zu deklarieren. Wenn ein Abschnitt der Seite in einer anderen Sprache verfasst ist, können Sie es auf jedem inneren Element überschreiben (z. B. <p lang="fr">).
Das dir-Attribut
Das dir-Attribut legt die Textrichtung des Dokuments fest. Es ist unverzichtbar für Sprachen, die von rechts nach links gelesen werden, wie Arabisch und Hebräisch.
| Wert | Bedeutung |
|---|---|
ltr | Von links nach rechts (Standard; verwendet für Englisch, Französisch usw.) |
rtl | Von rechts nach links (verwendet für Arabisch, Hebräisch, Persisch) |
auto | Der Browser entscheidet anhand des Inhalts |
<html lang="ar" dir="rtl">Das Setzen von dir="rtl" auf <html> dreht die Standardausrichtung der Seite um, sodass Text, Scrollleisten und viele Layout-Elemente für rechtsbündige Schriften korrekt gespiegelt werden.
Syntax
Der <html>-Tag wird paarweise verwendet. Der gesamte Seiteninhalt wird zwischen dem öffnenden <html>-Tag und dem schließenden </html>-Tag geschrieben.
In HTML5 ist das schließende </html>-Tag technisch optional — der Parser kann das Ende des Dokuments selbst erkennen. Sie sollten es jedoch immer einfügen. Ein explizites </html> hält die Dokumentstruktur übersichtlich, vermeidet unerwartete Ergebnisse bei der Verarbeitung durch Werkzeuge und ist erforderlich, wenn die Seite als XHTML ausgeliefert wird.
Beispiel des HTML <html>-Tags:
HTML <html>-Tag
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
The content of the page
</body>
</html>Bearbeiten Sie das obige Beispiel im Editor und führen Sie es aus, um das Ergebnis in Ihrem Browser zu sehen.
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| lang | BCP-47-Sprach-Tag | Deklariert die primäre Sprache des Dokuments (z. B. en, fr, zh-Hans). Wird für jede Seite aus Gründen der Barrierefreiheit und SEO empfohlen. |
| dir | ltr / rtl / auto | Legt die Basis-Textrichtung fest. Verwenden Sie rtl für Rechts-nach-links-Sprachen wie Arabisch und Hebräisch. |
| id | text | Weist dem Element einen eindeutigen Bezeichner zu, der hauptsächlich als CSS- oder Scripting-Hook verwendet wird. |
| xmlns | https://www.w3.org/1999/xhtml | XML-Namespace für das Dokument. Nur für XHTML erforderlich; wird ignoriert, wenn die Seite als text/html ausgeliefert wird, daher in HTML5 nicht benötigt. |
| manifest | URL | Verwies auf ein App-Cache-Manifest für die Offline-Anzeige. Veraltet — aus dem Standard entfernt; verwenden Sie stattdessen Service Worker. |
Die Attribute lang, dir und id oben sind die am häufigsten verwendeten, und <html> akzeptiert auch den vollständigen Satz der Globalen Attribute und Event-Attribute.