Quirks模式和Standards模式有什么区别

这篇“Quirks模式和Standards模式有什么区别”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“Quirks模式和Standards模式有什么区别”文章吧。

创新互联网站建设公司，提供网站设计、成都网站设计，网页设计，建网站，PHP网站建设等专业做网站服务;可快速的进行网站开发网页制作和功能扩展；专业做搜索引擎喜爱的网站，是专业的做网站团队，希望更多企业前来合作!

面试题：Quirks模式是什么？它和 Standards模式有什么区别？

下面就是针对这个问题的讲解。

从 IE6开始，引入了 Standards模式，标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。

在 IE6之前 CSS还不够成熟，所以 IE5等之前的浏览器对 CSS的支持很差， IE6将对 CSS提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果 IE6支持 CSS则将令这些页面显示不正常，如何在即保证不破坏现有页面，又提供新的渲染机制呢？

在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强大的功能，尤其是新功能不兼容旧功能时。遇到这种问题时的一个常见做法是增加参数和分支，即当某个参数为真时，我们就使用新功能，而如果这个参数 不为真时，dd就使用旧功能，这样就能不破坏原有的程序，又提供新功能。IE6也是类似这样做的，它将 DTD当成了这个“参数”，因为以前的页面大家都不会去写 DTD，所以 IE6就假定 如果写了 DTD，就意味着这个页面将采用对 CSS支持更好的布局，而如果没有，则采用兼容之前的布局方式。这就是Quirks模式（怪癖模式，诡异模式，怪异模式）。

区别：

总体会有布局、样式解析和脚本执行三个方面的区别。

盒模型：在 W3C标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在 Quirks模式下，IE的宽度和高度还包含了 padding和 border。

设置行内元素的高宽：在 Standards模式下，给等行内元素设置 wdith和 height都不会生效，而在 quirks模式下，则会生效。

设置百分比的高度：在 standards模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的用margin:0 auto设置水平居中：使用 margin:0 auto在 standards模式下可以使元素水平居中，但在 quirks模式下却会失效。

其实面试过程中遇到不会回答的问题很正常，如果经过考察证明你的学习能力强，遇到不会的问题能够通过自己的能力快速掌握，面试官也有可能给你这个机会。但是实际的面试过程中并不能完全把希望寄托在面试官的善良上面。拥有真才实学才是你立足于职场的不败真理。

以上就是关于“Quirks模式和Standards模式有什么区别”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。