What is the difference between Quirks Mode and Internet Explorer 5 quirks in IE10 developer tools, JavaScript & CSS-wise?

Which of these 2 modes can be triggered from HTML (as opposed to the devtools)?

I read this blog post on MSDN, but couldn't understand when this IE5 quirks mode can be in action on real world websites. It says all they have to do is not include the doctype and the browser must be in Compatibility View. Is the latter enabled manually or via HTML or what?

I'm a plugin author, and I'm worried about other people having my plugin broken with their document/browser mode.

What is the difference between Quirks Mode and Internet Explorer 5 quirks in IE10 developer tools, JavaScript & CSS-wise?

Which of these 2 modes can be triggered from HTML (as opposed to the devtools)?

I read this blog post on MSDN, but couldn't understand when this IE5 quirks mode can be in action on real world websites. It says all they have to do is not include the doctype and the browser must be in Compatibility View. Is the latter enabled manually or via HTML or what?

I'm a plugin author, and I'm worried about other people having my plugin broken with their document/browser mode.

• javascript
• css
• internet-explorer
• internet-explorer-10
• quirks-mode

• 6 @brandonjordan: Do they also have better tools to see how your site looks on IE? – Jon Commented Oct 10, 2013 at 13:33
• 1 @brandonjordan, sometimes it's not a question of "what is better" but rather "what is needed"... Some things don't work correctly in other browsers, unfortunately.. Also, if you're building websites, you should have your site patible with as many browsers as possible. I can't see a way for your ment to be valid to OPs question at all... – walther Commented Oct 10, 2013 at 13:34
• 3 @brandonjordan, talk about a useless ment. Do you actually do web development or just troll people who do? – epascarello Commented Oct 10, 2013 at 13:34
• 2 @brandonjordan: IE 10 supports a fair bit of HTML5 and CSS3. – Paul D. Waite Commented Oct 10, 2013 at 13:54
• 2 This is a meaningless argument. Lets just move on to helping @katspaugh – electrikmilk Commented Oct 10, 2013 at 14:06

1 Answer 1

IE versions prior to IE10 has just a single Quirks Mode. This mode is now known as IE5 Quirks In IE10 and higher.

IE10 introduced a second Quirks mode which it simply calls Quirks.

Both of these modes change the rendering mode to use the old "quirks" box model, among other layout changes. This much is consistent between them.

The original Quirks Mode was basically a backward-patibility mode to emulate IE5. Because of this, in addition to changing the box model, etc, it also disabls the majority of the browser features that have been introduced since IE5 -- so in this mode, none of the new HTML5 features will work.

The newer Quirks mode uses the same rendering rules as the old quirks mode, but does not disable all the browser features.

That is the basic difference between them.

The question could then be asked as to why bother having both modes?

The answer to this is that other browsers (eg Chrome) also have a Quirks mode, which is triggered (just like IE) when a page doesn't have a doctype. But other browsers have never disabled any of their features for backward patibility in the way that IE did.

The result was that a site in quirks mode could look quite different in IE pared with other browsers, even when the basic rendering rules were the same.

The newer quirks mode was therefore introduced by IE in an effort to improve cross-browser patibility for sites in quirks mode.

But as a result, the newer quirks mode will render some pages differently to the older quirks mode, so the older one was still needed in order for MS to support users whose sites were written for it.

Ultimately one should, if at all possible, avoid using quirks mode (either of them). Despite the cross-browser efforts MS put in by introducing the extra mode, there are still major differences between browsers when you are in quirks mode.

Best practice is always to use Standards mode, wherever possible.

Quirks mode should be unnecessary anyway: If you need the Quirks mode box model, this can be accessed in standards mode by using CSS box-sizing:border-box.