浏览器的混杂模式和标准模式

最新推荐文章于 2023-02-21 17:51:02 发布

CIEL2019

最新推荐文章于 2023-02-21 17:51:02 发布

阅读量607

点赞数

文章标签：浏览器混杂模式以及标准模式

本文链接：https://blog.csdn.net/CIEL2019/article/details/102622120

版权

浏览器存在混杂模式和标准模式，这两种模式主要影响CSS内容的呈现和JS执行。混杂模式（怪异模式）按照浏览器自己的方式解析，模拟老式浏览器行为；标准模式则严格按照W3C标准解析。它们在盒模型解析、行内元素高度设置、百分比宽度处理、margin: 0 auto应用、table属性继承和white-space处理等方面有明显区别。通过DOCTYPE声明可以触发不同的文档模式，不写DOCTYPE或某些XML声明会导致混杂模式，而正确的DOCTYPE声明将触发标准模式。

摘要由CSDN通过智能技术生成

##浏览器的混杂模式和标准模式
有时候代码没问题，但是执行时不会报错却也显示不出来，就要考虑一下浏览器的兼容问题
浏览器是存在混杂模式和标准模式的，所以有时候对象的获取设置，会不太一样，关于浏览器的混杂模式以及标准模式，可以参考一下
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangyr_student/article/details/86242391
扩展：

1.DOCTYPE的作用：首先这个声明不是HTML标签，而是一种语法格式。DOCTYPE是定义浏览器使用什么样的文本类型定义（DTD）载入页面，也就是告诉浏览器使用什么样的HTML或者XHTML规范来解析html。一般情况下出现在html文档的开头

1.文档模式的意义：

IE5.5引入了文档模式的概念，通过使用DOCTYPE实现模式切换，它的主要作用是告诉浏览器以哪种模式呈现，如何解析文档，也就是说两种模式主要影响css内容的呈现，某些情况下也会影响js的执行。

2.两种模式的定义：

1）混杂模式又称怪异模式或兼容模式，指浏览器按照自己的方式来解析代码，页面以宽松的向后兼容的解析方式，是实现IE5.5以下版本浏览器的渲染模式。就严格度上来说不如严格模式，但是模拟老式浏览器的行为可以防止站点无法工作

2）标准模式又称严格模式，是一种要求严格地DTD，排版和js运作模式根据web标准去解析页面的模式

3.两种模式的区别：

1)盒模型的解析：混合模式盒模