{"id":421,"date":"2008-01-23T08:45:50","date_gmt":"2008-01-23T14:45:50","guid":{"rendered":"http:\/\/blog.codedread.com\/archives\/2008\/01\/23\/microsofts-super-standards-mode-important-facts\/"},"modified":"2008-01-23T08:45:50","modified_gmt":"2008-01-23T14:45:50","slug":"microsofts-super-standards-mode-important-facts","status":"publish","type":"post","link":"https:\/\/www.codedread.com\/blog\/archives\/2008\/01\/23\/microsofts-super-standards-mode-important-facts\/","title":{"rendered":"Microsoft&#8217;s &#8220;Super Standards&#8221; Mode: Important Facts"},"content":{"rendered":"<p><object type=\"image\/svg+xml\" width=\"100\" height=\"100\" align=\"right\" hspace=\"10\" data=\"http:\/\/codedread.com\/clipart\/ie.svgz\"><span\/><\/object>The <a href=\"http:\/\/blogs.msdn.com\/ie\/archive\/2008\/01\/21\/compatibility-and-ie8.aspx\">IEBlog<\/a> let the world know how you're going to have to opt in for their third (and counting) rendering mode that IE8 will support.  You know, the one that <a href=\"http:\/\/blogs.msdn.com\/ie\/archive\/2007\/12\/19\/internet-explorer-8-and-acid2-a-milestone.aspx\">should support CSS2<\/a> the way other browsers already do without such a mode.  Put the following into your &#60;head&#62; section of your page and you'll get IE8's \"super standards\" mode.<\/p>\n<div class=\"code-fix\">\n<p>&#60;meta http-equiv=\"X-UA-Compatible\" content=\"IE=8\" \/&#62;<\/p>\n<\/div>\n<p>There are, of course, many many unanswered questions...  For those who can't be bothered to read my whole post, please see <a href=\"http:\/\/blog.codedread.com\/archives\/2008\/01\/23\/microsofts-super-standards-mode-important-facts\/#the-main-point\">the main point<\/a>.  For others with patience, <!--more--><\/p>\n<div class=\"ads\"><object type=\"text\/html\" width=\"468\" height=\"60\" data=\"http:\/\/www.codedread.com\/gads.php\"><\/object><\/div>\n<p>First, the basics:<\/p>\n<ol>\n<li>IE8 will render existing content in either \"quirks mode\" (without a DOCTYPE) or IE7's \"standard mode\" (with a STRICT DOCTYPE)<\/li>\n<li>IE8 will use \"super standards\" mode if it sees a &#60;meta> tag with \"IE=8\" (what \"super standards\" mode entails is not entirely clear yet, but it should mean substantial improvement to CSS support at a minimum - I'm keeping my fingers crossed for fully compliant HTML and DOM2 support as well)<\/li>\n<li>IE6 and IE7 will dutifully ignore the &#60;meta> tag<\/li>\n<\/ol>\n<p>Now what the above means is that if you've got existing pages that work around IE's poor support of standards today that you <em>need do nothing<\/em> in order for them to continue to work in IE8.   If you want to start coding HTML 4.01 for IE8 that truly supports standards you either add the &#60;meta> tag with \"IE=8\" or <a href=\"http:\/\/intertwingly.net\/blog\/2008\/01\/22\/Best-Standards-Support\">update your web server<\/a> to serve it to IE.<\/p>\n<p>It looks like this solution was developed in coordination with the the <a href=\"http:\/\/webstandards.org\/\">Web Standards Project<\/a>.  <a href=\"http:\/\/alistapart.com\/articles\/beyonddoctype\">This article<\/a> describes in more detail the rationale and intracacies of the solution.  Furthermore, they \"hope other browser vendors join Microsoft in implementing this functionality\".<\/p>\n<div class=\"ads\"><object type=\"text\/html\" width=\"468\" height=\"60\" data=\"http:\/\/www.codedread.com\/gads.php\"><\/object><\/div>\n<p>Second, there is, as usual, tons of wailing and moaning and predictions of a web apocalypse, with many people yammering that this tag should work in the opposite way (\"super standards\" mode should be default in IE8 and all existing web pages would need to be updated to include a tag if they want IE8 to use the old IE7 \"standards\" mode).<\/p>\n<p>Unfortunately, this suggestion has the potential to break pages for users.  Let's say your page is doing browser sniffing and if it's Internet Explorer, you're going to use attachEvent() instead of the standards-compliant addEventListener() which all other browsers support.  If IE8 supports addEventListener() and no longer supports the non-standard attachEvent(), then guess what:  your page is broken in IE8 \"super standards\" mode.  Of course, there hasn't been any mention of DOM-support from the IEBlog yet, but I'm keeping my fingers crossed.<\/p>\n<p>Call me na\u00efve, but I intend to give Microsoft the benefit of the doubt here and say this was the best possible solution in a very difficult situation.  I believe opt-in is the only possible solution Microsoft could have for <em>existing<\/em> content (read: HTML4).  Hear me out, there are some important facts that aren't widely known yet:<\/p>\n<ol start=\"4\">\n<li>If IE8+ sees the meta tag with \"IE=edge\", it will always use its latest, bleeding edge standards support.  This will be useful for those sites which have zero IE-specific hacks, though Microsoft does not recommend it.<\/li>\n<li>If IE8 sees the meta tag with \"IE=9\", <a href=\"http:\/\/blogs.msdn.com\/ie\/archive\/2008\/01\/21\/compatibility-and-ie8.aspx#7199693\">it will do \"best effort\"<\/a>, which means IE8's \"super standards\" mode<\/li>\n<li id=\"the-main-point\">And most importantly: if IE8 sees a not-yet-widely-deployed DOCTYPE (like HTML5's), <a href=\"http:\/\/blogs.msdn.com\/cwilso\/archive\/2008\/01\/22\/i-feel-happy-too.aspx#7202711\">it <em>will<\/em> use \"super standards mode\"<\/a><\/li>\n<\/ol>\n<p>This last one is a <strong>big deal<\/strong> to all the wailers out there.   This means anyone coding to new standards (like the newly published <a href=\"http:\/\/www.w3.org\/TR\/html5\/\">draft of HTML5<\/a>) <em>will not have to use this meta tag<\/em>.  Let me repeat that:  If you want to start coding in HTML5, then IE8 will not require any &#60;meta> tag.  <a href=\"http:\/\/ln.hixie.ch\/?start=1201080691&count=1\">Ian Hickson<\/a> and <a href=\"http:\/\/annevankesteren.nl\/2008\/01\/ie-lock-in\">Anne van Kesteren<\/a> might not yet be aware of this.<\/p>\n<p>Some final notes:<\/p>\n<ol start=\"7\">\n<li>other browsers will likely ignore this new tag too (at least indications are that <a href=\"http:\/\/weblogs.mozillazine.org\/roc\/archives\/2008\/01\/post_2.html\">Mozilla<\/a> and <a href=\"http:\/\/webkit.org\/blog\/155\/versioning-compatibility-and-standards\/\">WebKit<\/a> will not)<\/li>\n<li>IE10 will need to support IE7- quirks mode, IE7- standards mode, IE7 super-standards mode, IE8 super-standards mode, IE9 super-standards mode and IE10 super-standards mode - <span class=\"definition\" title=\"What the FUCK?!?\">WTF<\/span>?  <a href=\"http:\/\/blogs.msdn.com\/ie\/archive\/2008\/01\/21\/compatibility-and-ie8.aspx#7201414\">Chris does explain<\/a> that eventually IE7 mode will have to go away at some point many years in the future when the amount of content has dropped below some threshold...<\/li>\n<li>No official word yet on whether IE8 will support XHTML and its MIME type (but if it did, this would be a new DOCTYPE and would not need any &#60;meta> tag).  A year and a half ago, <a href=\"http:\/\/blogs.zdnet.com\/microsoft\/?p=62\">Chris told Mary Jo<\/a> that XHTML would probably not happen in IE8 - but that was a year and a half ago...<\/li>\n<li>No word yet on whether IE8 will support <a href=\"http:\/\/www.w3.org\/Graphics\/SVG\">SVG<\/a> (again, if it did, no need for a special flag to indicate \"super standards mode\")<\/li>\n<\/ol>\n<p>So all in all, the story is not so bleak.  As HTML5 becomes the defacto standard of the web, IE8+ will not require any &#60;meta> tagginess.  I think the IEBlog should post a follow-up explanation with some of these facts (and more disclosure about what will be included in \"super standards\" mode).  I wonder why Chris chose to post this just before his birthday, it certainly made his day off less enjoyable - unless he gets a kick out of all the bitterness and vitriol...<\/p>\n<div class=\"ads\"><object type=\"text\/html\" width=\"468\" height=\"60\" data=\"http:\/\/www.codedread.com\/gads.php\"><\/object><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The IEBlog let the world know how you&#8217;re going to have to opt in for their third (and counting) rendering mode that IE8 will support. You know, the one that should support CSS2 the way other browsers already do without such a mode. Put the following into your &#60;head&#62; section of your page and you&#8217;ll [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,25,11,28],"tags":[105,184],"class_list":["post-421","post","type-post","status-publish","format-standard","hentry","category-microsoft","category-software","category-technology","category-web","tag-internet-explorer","tag-microsoft"],"_links":{"self":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/posts\/421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/comments?post=421"}],"version-history":[{"count":0,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/posts\/421\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/media?parent=421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/categories?post=421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/tags?post=421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}