{"id":31431,"date":"2024-11-12T12:39:34","date_gmt":"2024-11-12T12:39:34","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31431"},"modified":"2025-03-18T13:51:23","modified_gmt":"2025-03-18T13:51:23","slug":"HTML_Doctype","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/de\/wiki\/HTML_Doctype","title":{"rendered":"HTML Doctype"},"content":{"rendered":"

Definition<\/span><\/h2>\n
\n
\"HTML<\/a> <\/p>\n
Abbildung:<\/b> HTML Doctype – Autor: Seobility – Lizenz: CC BY-SA 4.0<\/a><\/div>\n<\/div>\n<\/div>\n

Bei dem Doctype handelt es sich nicht um ein klassisches HTML Element. Vielmehr macht der Doctype Angaben dar\u00fcber, welchen Typ Dokument der Browser zu erwarten hat. Aktuelle Standards sehen vor, dass das Element im Quellcode jedes Web Dokuments vorhanden sein muss. Fehlt der Doctype, handelt es sich also um einen Fehler, auch wenn sich die Webseite unter Umst\u00e4nden dennoch korrekt darstellen l\u00e4sst. Tools zur \u00dcberpr\u00fcfung des Quellcodes zeigen es ebenfalls als Fehler an, wenn der Doctype im Quellcode eines HTML Dokuments fehlt.\n<\/p>\n

\n
\n

HTML Doctype Check<\/h3>\n

Pr\u00fcfe die Doctype Angabe im HTML Code Deiner Seite<\/p>\n<\/div>\n

\n
\n<\/form>\n<\/div>\n

Wo wird der !DOCTYPE verwendet?<\/span><\/h2>\n

!DOCTYPE muss immer das erste Element einer jeden Webseite sein. Es steht im Code noch vor dem eigentlichen Markup-Code und somit noch vor dem HTML Tag. Dar\u00fcber hinaus ist darauf zu achten, dass das Element im Quellcode<\/a> jeder einzelnen Unterseite vorhanden ist. Die alleinige Verwendung auf der Startseite ist beispielsweise nicht ausreichend.\n<\/p>\n

Der Doctype findet weiterhin auch in XML Dokumenten und SVG Grafiken<\/a> Anwendung.\n<\/p>\n

Welche unterschiedlichen Doctypes gibt es?<\/span><\/h2>\n

Doctypes sind ein leidiges Thema. Vor allem in fr\u00fcheren Versionen von HTML sowie f\u00fcr XHTML 1.01 und 1.1 sind die Doctypes sehr lang und kompliziert. Sie mussten h\u00e4ufig selbst von erfahrenen Webmastern \u00fcber Copy und Paste in den Quellcode der Webseite eingesetzt werden. In allen klassischen Versionen der Markup-Language vor HTML5<\/a>, mussten die folgenden Doctypes verwendet werden:\n<\/p>\n

HTML 4.01 Strict:<\/b>\n<\/p>\n

<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"https:\/\/www.w3.org\/TR\/html4\/strict.dtd\"><\/pre>\n
Strict bezeichnet einen Code, der sehr genau und strikt ist – vergleichbar mit XHTML. Hier m\u00fcssen alle Elemente stets geschlossen werden.\n<\/p>\n
HTML 4.01 Transitional:<\/b>\n<\/p>\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN\" \"https:\/\/www.w3.org\/TR\/html4\/loose.dtd\"><\/pre>\n
Transitional hingegen bezeichnet einen etwas toleranteren Quellcode. Diese Variante ist eher vergleichbar mit dem heutigen HTML5 und nicht so streng mit dem Markup, wie es bei Strict der Fall ist.\n<\/p>\n
Da HTML4 und auch vorherige Versionen auf SGML basieren, m\u00fcssen bei diesen Versionen die korrekten DTDs (Document Type Definition) im Doctype mit angegeben werden. Diese beschreiben die Regeln und Elemente sowie verschiedene weitere Eigenschaften, die im Code der Webseite verwendet werden. SGML steht f\u00fcr Standard Generalized Markup Language und bezeichnet einen inzwischen obsoleten Vorg\u00e4nger von HTML. Seit der Einf\u00fchrung von HTML5 wird Quellcode, unter anderem aufgrund von Kompatibilit\u00e4tsproblemen, nicht mehr als SGML klassifiziert.\n<\/p>\n
F\u00fcr XHTML 1.0 und 1.1 sehen die Doctypes folgenderma\u00dfen aus:\n<\/p>\n
XHTML 1.0 Strict:<\/b>\n<\/p>\n
 <!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN\" \"https:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd\"><\/pre>\n
XHTML 1.0 Transitional:<\/b>\n<\/p>\n
<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Loose\/\/EN\" \"https:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-loose.dtd\"><\/pre>\n
XHTML 1.1 Strict:<\/b>\n<\/p>\n
<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"https:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"><\/pre>\n
Auch hier m\u00fcssen – wie bei HTML4 die DTDs angegeben werden, da auch XHTML 1 bzw. 1.1 auf SGML basieren. Browser sind daher auf die entsprechenden Anweisungen und Informationen angewiesen, um eine korrekte Darstellung der Webseite zu erm\u00f6glichen. Strict und Transitional haben hier dieselbe Bedeutung wie bei HTML 4.0 und HTML 4.1 und bezeichnen die Regeln, die f\u00fcr das Markup im Quellcode gelten.\n<\/p>\n
Eine gro\u00dfe \u00c4nderung bez\u00fcglich des Doctypes hat sich schlie\u00dflich mit der Einf\u00fchrung von HTML5 ergeben. Anders als die Vorg\u00e4nger basiert es nicht mehr auf SGML. Dar\u00fcber hinaus wurde sich darauf geeignet, die Verwendung des Doctypes weniger kompliziert zu machen. In HTML5 ist die Verwendung des Doctypes daher wie folgt vorgesehen:\n<\/p>\n
<!DOCTYPE html><\/pre>\n
Hier sind keine weiteren Regeln oder Links erforderlich. Das Element kann problemlos wie oben angegeben verwendet werden. Der Browser bekommt dadurch alle Informationen, die f\u00fcr die korrekte Darstellung einer Webseite erforderlich sind. Mit HTML5 hat man daher eine gro\u00dfe Sorge bei der Erstellung von HTML Seiten weniger.\n<\/p>\n
Welche Probleme k\u00f6nnen beim Fehlen des Doctypes auftauchen?<\/span><\/h2>\n
Wird das Element nicht im Quellcode der Webseite verwendet, kann es zu Fehlern bei der Darstellung kommen. In den meisten F\u00e4llen wird sie allerdings dennoch korrekt angezeigt. Das gilt besonders dann, wenn ausschlie\u00dflich allgemeiner Code in HTML5 geschrieben wird. Vor allem aber, wenn eine Webseite in anderen Versionen der Markup-Language geschrieben wird oder bestimmte Funktionen verwendet, die vorher durch das Element definiert werden m\u00fcssen, kann es zu Darstellungsfehlern oder unerwarteten Problemen kommen.\n<\/p>\n
Fazit und Zusammenfassung<\/span><\/h2>\n
Der Doctype ist ein fester und wichtiger Bestandteil im Quellcode einer jeden Webseite. Er befindet sich an erster Stelle, noch bevor der eigentliche Code beginnt, und sollten auf keinen Fall vergessen werden. F\u00fcr HTML5 wurden die Doctypes deutlich vereinfacht. F\u00fcr alle anderen Versionen der Markup-Language hingegen m\u00fcssen sie weiterhin in der korrekten Form verwendet werden. Der Doctype enth\u00e4lt wichtige Informationen f\u00fcr den Webbrowser, die dabei helfen, die Homepage korrekt darzustellen. Das Fehlen des Doctypes stellt laut aktuellen Standards einen Fehler dar und wird von entsprechenden Tools zur Pr\u00fcfung des Codes auch als solcher bem\u00e4ngelt.\n<\/p>\n
Zusammengefasst: FAQs zu HTML Doctype<\/span><\/h2>\n
Was bedeutet Doctype in HTML?<\/b>\n<\/p>\n
Der Doctype sagt Browsern, welche Art von Dokument sie zu erwarten haben.\n<\/p>\n
Ist der Doctype ein HTML Tag?<\/b>\n<\/p>\n
Nein, der Doctype ist kein HTML Tag, sondern bietet lediglich Informationen f\u00fcr Webbrowser.\n<\/p>\n
An welcher Stelle steht der Doctype?<\/b>\n<\/p>\n
Der Doctype steht an erster Stelle in einem HTML Dokument, noch vor dem einleitenden HTML Tag.\n<\/p>\n
Sollte jede Webseite einen Doctype enthalten?<\/b>\n<\/p>\n
Ja. Jede Unterseite braucht einen eigenen Doctype.\n<\/p>\n
Ist die Angabe des Doctypes zwingend erforderlich?<\/b>\n<\/p>\n
Streng genommen ist ein Doctype nicht unbedingt erforderlich. Allerdings wird die Verwendung dringend empfohlen<\/strong>, da es sonst zu Anzeigefehlern kommen kann.\n<\/p>\n