众所周知，Doctype是文件类型定义（DTD），用来告诉浏览器用什么规范来解析当前文档。当过渡 DTD没有 URI，DTD不存在或者格式不正确时，浏览器会用混杂模式来解析文档。（也就是依据自己的一套标准，最大程度地展示文档）。
HTML5不是基于SGML的，所以不用DTD。这里用4.0.1做示例。
下面是在IE6下 严格模式(标准模式) 和 混杂模式(怪异模式) 的展现：
如图，怪异模式下：
1）盒模型的高宽包含内边距padding和边框border（对应test1）
2）可以设置行内元素的高宽（对应test2）
3）可设置百分比的高度（对应test3，这点需要用IE10以上或其他现代浏览器才能看出来！）
4）用margin:0 auto设置水平居中在IE下会失效（对应test4）
5）设置图片的padding会失效（对应test5）
6）table中的字体属性不能继承上层的设置（对应test6）
7）white-space:pre会失效（对应test7）
下面是测试代码：
一、引言 众所周知，Doctype是文件类型定义（DTD），用来告诉浏览器用什么规范来解析当前文档。当过渡 DTD...
严格模式和混杂模式 触发模式 浏览器根据DOCTYPE是否存在以及使用的哪种DTD...
严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。 混杂模式：又称怪异模式或兼容模式，是指浏览器用自己...
严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的...
在严格模式下，浏览器按照w3c的标准对浏览器进行渲染，在混杂模式下，页面一宽松向后兼容的方式显示 定义和用法
在前端开发的调试中，有可能会要求知道严格模式和混杂模式，而要知道严格模式和混杂模式，首先要知道DOCTYPE。 D...
DOCTYPE 的作用 Doctype作用？严格模式与混杂模式如何区分？它们有何意义？ 怪异模式和严格模式（译注：...
标准模式和混杂模式的区别是什么 主要是盒模型的区别，导致各种各样的与标准模式有差异的表现形式。 什么是标准模式和混...
在学习DOCUTYPE声明的时候偶然了解到有这么两种模式。 严格模式 混杂模式 严格模式应该也称为标准模式，严格按...
之前作为前端小白的我，被面试官问到：严格模式与混杂模式的区别 不要怀疑，我肯定是一脸蒙蔽。 Doctype的作用：...
本文标题：浏览器严格模式和混杂模式的直观表现差异
本文链接：https://www.haomeiwen.com/subject/rbjzcxtx.html
网友评论