Christiane Weigel Professional Expert for Digital Media

Webentwicklung & Webprogrammierung, Webdesign & Grafikdesign, Projektmanagement & Projektberatung, Suchmaschinenoptimierung & Online-Marketing.
Seit 2005 Ihre professionelle Expertin für die Erstellung von Websites und Online-Shops in Berlin Zehlendorf.

Der gültige HTML Doctype

Auch wenn der moderne Browser inzwischen weitgehend ohne ihn auskommt … Es sollte immer ein valider / gültiger HTML Doctype (HTML5) 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 gültige 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. 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>

<h1>Beispielüberschrift</h1>

Beispielüberschrift

<p>Beispiel Absatztext</p>

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

Tipps, Tricks, Snippets und Scripts rund ums Web

Dabei kann es sich um die DSGVO, neue Designs oder auch ganz neue Technologien im Web gehen. Und ich stelle immer mal wieder technische Informationen, Codesnippets und kleine Tutorials ein.