{"id":323,"date":"2010-11-22T22:31:01","date_gmt":"2010-11-22T21:31:01","guid":{"rendered":"https:\/\/d-mueller.de\/blog\/?p=323"},"modified":"2016-01-11T23:07:50","modified_gmt":"2016-01-11T22:07:50","slug":"die-wahrheit-ueber-den-doctype","status":"publish","type":"post","link":"https:\/\/d-mueller.de\/blog\/die-wahrheit-ueber-den-doctype\/","title":{"rendered":"Die Wahrheit \u00fcber den Doctype"},"content":{"rendered":"<p>Mit dem neuen, ultracoolen und leicht zu merkenden HTML 5-Doctype <\/p>\n<pre data-enlighter-language=\"html\" class=\"EnlighterJSRAW\">\r\n&lt;!DOCTYPE html&gt;\r\n<\/pre>\n<p>kamen viele Bedenken auf. Ist meine Webseite dann \u00fcberhaupt noch standardkonform? Falle ich nicht dem Quirks-Mode der Browser zum Opfer? Nichts davon ist der Fall. Der Doctype ist generell extrem <b>\u00fcbersch\u00e4tzt<\/b>! Kein Browser wird sich wirklich darum k\u00fcmmern, was f\u00fcr ein Doctype angegeben ist.<\/p>\n<h3>Was in Wirklichkeit passiert<\/h3>\n<p>Es wird (einheitlich bei allen Browsern) danach geschaut, ob \u00fcberhaupt ein Doctype angegeben wurde. Ist das nicht der Fall, gehts direkt in den Quirksmode. Wird nun ein Doctype gefunden, gibt es nur noch eine &#8222;Chance&#8220;, doch noch in den Quirksmode zu geladen: Es wird ein Uralt-Doctype wie <\/p>\n<pre data-enlighter-language=\"html\" class=\"EnlighterJSRAW\">&lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD HTML 3.2 Final\/\/EN&quot;&gt;<\/pre>\n<p> oder <\/p>\n<pre data-enlighter-language=\"html\" class=\"EnlighterJSRAW\">&lt;!DOCTYPE html PUBLIC &quot;-\/\/IETF\/\/DTD HTML 2.0\/\/EN&quot;&gt;<\/pre>\n<p> verwendet. Selbst bei HTML 4.01 Transitional greift bereits in allen relevanten Browsern (einschlie\u00dflich IE6) der Standards-Mode. Um das ganze auf die Spitze zu treiben: <\/p>\n<pre data-enlighter-language=\"html\" class=\"EnlighterJSRAW\">&lt;!DOCTYPE blabla irrelevant some other stuff foobar&gt;<\/pre>\n<p> f\u00fchrt bei allen getesteten Browsern (IE6+7+8, Firefox 3.6, Chrome 7) zum Standards-Mode. Wers nicht glaubt:<\/p>\n<pre data-enlighter-language=\"html\" class=\"EnlighterJSRAW\">\r\n&lt;!DOCTYPE blabla irrelevant some other stuff foobar&gt;\r\n\r\n&lt;script&gt;\r\nalert(document.compatMode == &quot;CSS1Compat&quot; ? &quot;Standards-Mode&quot; : &quot;Quirks-Mode&quot;);\r\n&lt;\/script&gt;\r\n<\/pre>\n<p><b>Fakt ist also:<\/b> Sobald sich ein Doctype auf der Seite befindet und dieser nicht veraltet ist (HTML 2, HTML 3.2), wird der Standard-Mode verwendet.<\/p>\n<h3>Ist der Doctype also egal?<\/h3>\n<p>Das nun auch wieder nicht. Zum Validieren des Codes ist der Validator auf einen speziellen Doctype angewiesen. Zum Thema Validierung verweise ich aber gern auf <a href=\"http:\/\/net.tutsplus.com\/articles\/general\/but-it-doesnt-validate\/\">diesen Artikel<\/a>, der dies kritisch be\u00e4ugt. <b>Empfehlung:<\/b> Den HTML 5-Doctype nehmen (gut zu merken, wenig Schreibarbeit, in allen Browsern Standards-Mode) und nach gewohntem XHTML 1.0 Strict coden (f\u00fchlt sich &#8222;sauberer&#8220; an als Tags auf einmal nicht mehr schlie\u00dfen zu m\u00fcssen, was in HTML 5 durchaus valide w\u00e4re).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mit dem neuen, ultracoolen und leicht zu merkenden HTML 5-Doctype &lt;!DOCTYPE html&gt; kamen viele Bedenken auf. Ist meine Webseite dann \u00fcberhaupt noch standardkonform? Falle ich nicht dem Quirks-Mode der Browser zum Opfer? Nichts davon ist der Fall. Der Doctype ist &hellip; <a href=\"https:\/\/d-mueller.de\/blog\/die-wahrheit-ueber-den-doctype\/\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,3],"tags":[],"class_list":["post-323","post","type-post","status-publish","format-standard","hentry","category-quicktips","category-webdev"],"_links":{"self":[{"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/posts\/323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/comments?post=323"}],"version-history":[{"count":0,"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/posts\/323\/revisions"}],"wp:attachment":[{"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/media?parent=323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/categories?post=323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/tags?post=323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}