CSS, HTML und Javascript mit {stil}

HTML html • Wurzel der HTML-Seite

HTML html-Tag rund um head und body

Das html-Tag 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-Tag auch als Wurzel – root – bezeichnet.

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

  • xml:lang="de" in XHTML-Seiten
  • lang="de" in HTML5-Seiten

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

Das HTML-Tag

Jedes wohlgeformte und korrekt verschachtelte XHTML-Dokument musste ein ein html-Element enthalten (zusammen mit dem head-, title- und body-Element). Für HTML5 gilt das nicht mehr.

In HTML5 muss das html-Tag nicht notiert werden. Browser, die HTML5 unterstützen, würden das Dokument auch ohne html-Tag (und ohne head- und body-Tag) korrekt darstellen.

Der Validator hätte daran nicht einmal etwas auszusetzen. In der Tat dürfte man sowohl das head- und das body-Tag weglassen und die Browser werden die Seite unverändert anzeigen. Besser ist es allerdings immer noch, das html-Tag zu setzen, denn ältere Browser unterstützen HTML5 nicht.

HTML5-Template

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

Eine Webseite wird durch den !doctype html nicht automatisch zu einem HTML5-Dokument. Darüber entscheidet am Ende der Browser.

XHTML-Template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
  <head> … </head>
  <body> … </body>
</html>

Attribute für das html-Tag

  • dir="rtl" Schreibrichtung der Schrift; Vorgabe ist ltr (von Links nach Rechts)
  • lang="de" gesprochene Sprache der Webseite (HTML5 Sprachcodes)
  • manifest="webstorage.manifest" HTML5-Manifest für den Offline-Zugriff auf die Webseite

Weitere Attribute für das html-Tag

xmlns="http://www.w3.org/1999/xhtml"
URI des Namensraums

In XHTML muss das html-Tag das Attribut xmlns="http://www.w3.org/1999/xhtml" (URI des Namensraums) enthalten, in HTML5 ist xmlns im html-Tag nicht mehr erlaubt.

<html> </html> head body