#blog #news #infos #snippets

Der gültige HTML (HTML5) Doctype

Auch wenn der moderne Browser inzwischen weitgehend ohne ihn auskommt … Es sollte immer ein valider / gültiger HTML5 Doctype genutzt werden. Bei fehlendem oder falschem Doctype schaltet der Browser in den Kompatibilitätsmodus (Quirks) um. Dieser ist langsamer und unterstützt weniger Browserfunktionen.

Der Standard des Doctype wurde vereinfacht, weil vorherige Doctypes immer kryptischer wurden. Dagegen ist der neue Doctype sehr einfach:


<!doctype html>

Und warum nicht?<!doctype html5>

Weil HTML5 lediglich ein Update auf Standard-HTML ist und keine neue Version von HTML. Dafür sollten nun aber alle Elemente ein Sprachattribut enthalten.


<html lang="de">

Das  -Element ist das Wurzelelement eines Dokuments. Jedes Dokument muss mit diesem Element starten und es muss sowohl die Elemente als auch enthalten.

Das sieht dann insgesamt so aus:


<!doctype html>
<html lang="de">
<head>
</head>
<body>
<h1>beispielüberschrift</h1>
<p>beispiel absatztext</p>
</body>
</html>

Beispielüberschrift

Beispiel Absatztext

Wichtig:

Der Doctype muss an allererster Position im Quelltext platziert sein. Ist nur ein anderes Zeichen (z.B. auch Leerzeichen oder Zeilenumbrüche) vor dem Doctype platziert, erkennt der Browser den Doctype unter Umständen nicht korrekt!

Eine Auflistung weiterer Doctypes findet ihr hier

Folgen und liken!