RSS-Feed abbonieren! einfach-bessere-websites.de auf Twitter einfach-bessere-websites.de auf facebook

HTML 5 Doctype

Auch in HTML5 geht nichts ohne DOCTYPE-Deklaration. Die gute Nachricht ist, die Syntax des HTML5 DOCTYPE ist deutlich einfacher als in den älteren (X)HTML-Dialekten, und somit spricht nichts mehr gegen die Erstellung syntaktisch korrekter HTML5-Dokumente.

Immer wieder und immer häufiger stößt man auf Websites, die sich der neuen HTML5 Elemente und Funktionen bedienen. Die Spanne an neuen Elementen und Funktionen in HTML5 ist groß. Die Fülle an neuen Möglichkeiten reizvoll, und somit finden sich immer mehr Websites, die sich schon jetzt der neuen Features bedienen. Aber auch in HTML5 – wie übrigens auch in (X)HTML – folgt der Aufbau eines Dokuments bestimmten Regeln. Zu einem syntaktisch korrekten Dokument gehört auch die DOCTYPE Deklaration.

DOCTYPE Deklaration für HTML5 Dokumente

Zur Klärung! Die DOCTYPE Deklaration ist kein HTML-Tag! Vielmehr ist sie eine Anweisung, die dem Browser mitteilt, welche HTML-Version für das Markup des vorliegenden Dokuments verwendet wird. Dementsprechend ist es für eine konsistente Anzeige unverzichtbar, den Typen des Dokuments zu spezifizieren. Fehlt der DOCTYPE, verwendet der Browser den sogenannten Quirks-Mode. Dieser Kompatibilitätsmodus wird verwendet, um zu gewährleisten, dass veraltete oder fehlerhafte Dokumente dennoch angezeigt werden können. Um sicherzustellen, dass Browser Webseiten korrekt darstellen, sollten nur syntaktisch einwandfreie Dokumente ausgeliefert werden. Hierzu gehört auch die DOCTYPE-Deklaration. Glücklicherweise ist die DOYTYPE-Deklaration für HTML5 recht kurz und einprägsam.

Die HTML5 DOCTYPE Deklaration sieht wie folgt aus.

<!DOCTYPE html>

Dabei ist es vollkommen unerheblich, wie genau die Zeichenfolge nun notiert wird. Der HTML5 DOCTYPE ist nicht case-sensitiv. Folgende Notationen sind also ebenfalls korrekt:

<!doctype html>
<!Doctype HTML>

Das ist alles!

Keine langen DTD Referenzen, keine Versionsangabe, …! Warum?
Die Aufgabe der HTML5 DOCTYPE-Deklaration ist lediglich, den Standardmodus des Browsers zu aktivieren. Wir erinnern uns.

Im HTLM5 DOCTYPE is es nicht mehr nötig die entsprechende DTD (Document Type Definition) für das Dokument anzugeben. Dies vereinfacht die Deklaration natürlich erheblich und hat den Grund, dass frühere Versionen von HTML auf Basis von SGML spezifiziert wurden. Die Angabe der DTD ist hierbei zwingend. HTML5 basiert nicht mehr auf SGML und benötigt somit auch keine Angabe zur verwendeten DTD.

Fazit

Wer sich also an die Entwicklung von Webseiten auf Basis von HTML5 machen möchte, kann dies tun, ohne lange nach der korrekten DOCTYPE Deklaration suchen zu müssen! In HTML 4.01 gibt es drei verschiedene DOCTYPEs, in HTML5 nur noch einen! Und aufgrund der nicht mehr benötigten Angabe zur DTD reichen nun mehr 15 Zeichen an Deklaration aus.

Also, nicht vergessen: »Kein Dokument ohne DOCTYPE Deklaration!«

Am Rande bemerkt

Wer HMTL5 noch nicht verwenden möchte, findet eine Liste der existierenden DOCTYPE Deklarationen für XHTML und HTML4 auch hier im Blog!

Artikel zu verwandten Themen

Hat Dir der Artikel gefallen?
Diskutiere das Thema! Teile Deine Meinung! Auch konstruktive Kritik ist gern gesehen.

Kommentare 6 Kommentare für »HTML 5 Doctype«
  1. »Joost van Steeken« schrieb: 

    26. August 2011 um 10:50Uhr  

    Gravatar von Joost van Steeken

    Vielen Dank,
    das ist genau das, was ich gesucht habe!
    Ich würde mich über weitere Artikel bezüglich HTML5 freuen. Vermisse ich noch etwas.

    • »Marco« schrieb: 

      26. August 2011 um 15:37Uhr  

      Gravatar von Marco

      Hallo Joost,
      schön, dass Du gefunden hast, was Du suchst. Und vielen Dank für die Anregung. Werde mich mal wieder mehr mit dem Thema HTML5 beschäftigen.

  2. »HTML und XHTML DOCTYPEs« schrieb: 

    20. Januar 2012 um 18:37Uhr  Pingback

    [...] die verfügbaren DOCTYPEs für HTML4 und XHTML ein wenig aufwendiger in der Notation als das beim HTML5 DOCTYPE der Fall [...]

  3. »adalo« schrieb: 

    2. Februar 2012 um 10:00Uhr  

    Gravatar von adalo

    Hi, erst mal danke für den tollen Artikel, hat mir schon sehr weitergeholfen.

    Wie ist das aber mit dem neu laden der Datein bei HTM5? Bei XHTML lädt er die Datein ja nicht neu, falls ihm der Public Identifier bereits bekannt ist.

    Kann man das auch bei HTML5 einstellen?

    • »Marco« schrieb: 

      3. Februar 2012 um 16:31Uhr  

      Gravatar von Marco

      Danke für das Lob.
      Nun zu Deiner Frage. XML, also die Basis für XHTML, ist ziemlich strikt, was die syntaktischen Vorgaben betrifft. Und so ist es auch bei der DOCTYPE-Deklaration. Es liegt ein bestimmtes Muster zugrunde, so dass eine Entscheidungsbasis für den verarbeitenden Client besteht, nach welchem Regelsatz er den Code verarbeiten soll. Da die meisten Dialekte bereits eine ganze Weile existieren und die Änderungshäufigkeit der DTD ziemlich gering ist, besteht sicher für die gängigen DOCTYPEs kein Bedarf diese seitens des Browsers diese ständig neu zu landen. Durch die DOCTYPE-Deklaration ist es eindeutig, welchen Regeln der Code folgt, und somit ist auch eine Deklaration eindeutig, die bewusst auf die den Identifier und den URL verzichtet. Wie LB schrieb, somit ist auch die HTML5 DOCTYPE Deklaration eindeutig und der Bedarf diese immer neu zu laden ist einfach nicht gegeben.

  4. »LB« schrieb: 

    3. Februar 2012 um 08:02Uhr  

    Gravatar von LB

    @adalo das macht HTML5 von Haus aus. Habe es gerade getestet.

Hinterlasse einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>