HTML5-Doctype

Was wir prüfen

Wir lesen die erste Zeile des HTML der Startseite:

• <!DOCTYPE html>: moderner HTML5-Doctype, alles in Ordnung.
• Ein älterer Doctype, etwa von HTML 4.01 oder XHTML 1.0: Hinweis.
• Kein Doctype: Warnung.

Im Bericht siehst Du den gefundenen Doctype.

Warum das wichtig ist

Ohne Doctype schalten Browser in den sogenannten Quirks-Modus, einen Kompatibilitätsmodus für Websites aus den 1990er-Jahren. Darin berechnen sie Abstände, Grössen und Schriften nach alten, inkonsistenten Regeln. Die Folge: Die Seite sieht in verschiedenen Browsern unterschiedlich aus, Elemente sind verschoben oder zu gross, und modernes CSS funktioniert teilweise nicht wie erwartet.

Ein veralteter Doctype wie

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

funktioniert zwar noch. Er zeigt aber, dass die Vorlage der Website aus der Zeit vor 2010 stammt. Meist sind dann auch andere Teile veraltet: kein responsives Layout, alte JavaScript-Bibliotheken, Tabellen-Layout.

So behebst Du es

Die Lösung ist eine einzige Zeile, ganz am Anfang jeder Seite, noch vor <html>:

<!DOCTYPE html>
<html lang="de-CH">

Es darf nichts davor stehen, auch kein Leerzeichen oder Kommentar.

Wo ändern?

• WordPress: in der Datei header.php des Themes oder bei Block-Themes in der Vorlage. Fehlt der Doctype, ist das Theme sehr alt. Ein Wechsel auf ein aktuelles Theme ist meist sinnvoller als eine Reparatur.
• Andere CMS: im Haupt-Template, meist mit «layout», «page» oder «base» im Dateinamen.
• Statische Websites: in jeder HTML-Datei.
• Wix, Jimdo, Squarespace: setzen den Doctype korrekt. Hier ist nichts zu tun.

Nach dem Umstellen testen

Wechselt eine Seite vom Quirks-Modus in den Standardmodus, können sich Abstände und Grössen leicht verändern. Prüfe die Seite danach auf Desktop und Smartphone.

Grösserer Zusammenhang

Ist der Doctype veraltet, lohnt es sich, die ganze technische Basis anzuschauen. Oft ist ein Relaunch mit einem modernen Baukasten oder CMS wirtschaftlicher als viele einzelne Reparaturen.

So prüfst Du es selbst

Öffne den Seitenquelltext (Rechtsklick › «Seitenquelltext anzeigen»). Die allererste Zeile sollte <!DOCTYPE html> lauten. Gross- und Kleinschreibung spielen keine Rolle.

Häufige Fragen

Was ist ein Doctype überhaupt?

Die allererste Zeile einer HTML-Seite. Sie sagt dem Browser, nach welchen Regeln er die Seite darstellen soll. Für alle modernen Websites lautet sie einfach <!DOCTYPE html>.

Wird eine Seite mit einem alten Doctype schlechter dargestellt?

Meist nicht sichtbar. Ein Doctype von HTML 4 oder XHTML funktioniert weiterhin. Er ist aber ein deutliches Zeichen, dass die technische Basis der Website alt ist.