Für viele Do-It-Your-Self Webmaster, die an Ihren Webseiten oder Onlineshop herumbasteln, ist schon ein sauberes HTML Gerüst eine Herausforderung. Die erste Zeile einer HTML Seite ist schon das große Geheimnis. Was ist denn der “DOCTYPE”?

Die meisten Webmaster kennen diese Zeile eigentlich nur vom Copy and Paste eines anderen Dokumentes. Wenige machen sich die Mühe eine Erklärung zu finden, Sie verwenden einfach den von einer anderen Seite genutzten DocType.

(engl. Document Type Definition, DTD)

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

Der DOCTYPE und Sie legen fest wie der Browser eines Benutzeres eine Webseite (HTML, XHTML, XML) behandeln soll. Sie benötigen den DocType also um dem Browser des Benutzers zu sagen: “Hallo Browser, ich bin ein HTML Dokument du mußt mich so und so lesen und anzeigen” oder “Ich bin ein XHTML lese mich”.

Sie haben in dieser ersten Zeile verschiedene Attribute und Regeln die übergeben werden können, auch wenn dieses Zeile nicht zwingend erforderlich ist, so empfiehlt das W3C (World Wide Web Consortium), die auch den Standard für HTML 4.01 festlegte, empfiehlt, das DOCTYPE – Tag immer zu setzen.

HTML 4.01 Transitional

HTML 4.01 Transitional verwendet alle Befehle, Elemente und Tags, Attribute von “Strict” und fügt die darin fehlenden Attribute hinzu. Allerdings sind Abweichungen in älteren Browsern möglich.

< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

HTML 4.01 Strict

HTML 4.01 Strict ist eine abgespeckte Version von HTML 4, die eine einfache Struktur der im Browser darzustellenden Elemente hervorhebt. Zum Beispiel dürfen die im a Tag verwendeten target=”_blank” etc hier nicht benutzt werden. Auch ist die Benutzung von Framesets / Iframes untersagt. Der besondere nützliche Punkt ist, wenn “Strict” verwendet wird, und das HTML / CSS Gerüst ohne Fehler ist, wird die so erstellte in allen Browsern gleich dargestellt. Ausnahme sind Browser die keine Style Sheets verstehen.

< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

HTML 5

Der DOCTYPE für Html 5 Dokumente ist sowas von einfach < !DOCTYPE html>.

Quellen / Externe Links: