浅谈严格模式和混杂模式

一，严格模式和混杂模式的定义：

通俗来说：

严格模式是浏览器根据w3c的规范来解析代码；

混杂模式是浏览器根据自己的规范来解析代码(很明显：无规矩不成方圆，这种混杂模式会产生一些浏览器兼容问题)。

二、doctype（文档类型）

在说混杂模式时，需要理解什么事doctype以及doctype的作用？

1、doctype：文档类型

2、作用：从字面理解，文档类型肯定就是规定了当前文件的类型，告诉浏览器，我这是什么类型的浏览器，然后浏览器根据类型做相应的解析。

doctype放在html文件的第一行，包含在html标签里，但它不是一个标签，需要写在html前面。

写法示例：

<!DOCTYPE html>

在此处提到doctype是因为，doctype缺失或书写错误，就会出现混杂模式。

二、严格模式和混杂模式的区别：

（1）混杂模式下盒子模型的高宽包括padding和border，而W3C标准中设置一个元素的高宽指的是content的高宽；
（2）混杂模式下可以设置行内元素的高度，而标准模式下不生效；
（3）标准模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置高度，子元素设置一个百分比的高度无效；
（4）标准模式下使用margin:0 auto;可以使元素水平居中，但是在混杂模式下会失效；混杂模式下需要设置text-align:center;来进行水平居中；
（5）混杂模式下设置图片padding会失效；
（6）混杂模式下Table中的字体属性不能继承上层的设置；
（7）混杂模式下white-space:pre会失效。

转载于:https://www.cnblogs.com/kinoko-1009/p/10270117.html

浅谈严格模式和混杂模式相关推荐

运用计算机优化教学的方法,浅谈计算机基础课程教学模式的优化对策论文
计算机的应用在中国越来越普遍,改革开放以后,中国计算机用户的数量不断攀升,应用水平不断提高,特别是互联网.通信.多媒体等领域的应用取得了不错的成绩.1996年至2009 年,计算机用户数量从原来的63 ...
浅谈命令查询职责分离(CQRS)模式
浅谈命令查询职责分离(CQRS)模式在常用的三层架构中,通常都是通过数据访问层来修改或者查询数据,一般修改和查询使用的是相同的实体.在一些业务逻辑简单的系统中可能没有什么问题,但是随着系统逻辑变得复 ...
html标准模式与混杂模式,关于Doctype、严格模式与混杂模式
&lt现行程项些或创容的近在绑思目都者于手内近;!Doctype> 文档声明,位于文档中的最前面的位置,处于标签之前.此标签告知浏览器文档使用哪种HTML或XHTML朋说事础发开和数目间 ...
Doctype作用? 严格模式与混杂模式如何区分？它们有何意义
前端面试题(3) 打卡: 2021-4-27 HTML Doctype 作用? 严格模式与混杂模式如何区分?它们有何意义? Doctype作用 (1)位于文档最前面,处于标签之前.告诉浏览器用什么文 ...
Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
严格模式与混杂模式--如何触发这两种模式,区分它们有何意义. 在标准模式中,浏览器根据规范呈现页面: 在混杂模式中,页面以一种比较宽松的向后兼容的方式显示. 浏览器根据DOCTYPE是否存在以及使用的 ...
Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?Doctype文档类型？
Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?Doctype文档类型? 一.Doctype作用? 二.严格模式与混杂模式如何区分? 三.它们有何意义? 四.Doctype文档类型? ...
前端面试题 Doctype作用是什么？严格模式与混杂模式如何区分？他们之间有何意义？
Doctype作用是什么?严格模式与混杂模式如何区分?他们之间有何意义? 首先 doctype的作用是为了告诉浏览器该文件的类型,让浏览器解析器知道他们应该用哪个规范来解析文档,严格模式与混杂模式,可 ...
严格模式与混杂模式-如何触发这两种模式，区分它们有何意义
Doctype:(Document Type)文档类型,它位于文档中最前面的位置,处于标签之前.如果你想制作符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE的声明.确定了正确的Doctyp ...
严格模式、混杂模式与怪异模式
Doctype作用?严格模式.混杂模式和怪异模式如何区分?它们有何意义? 1.doctype的作用: 声明位于文档的最前面,告知浏览器的解析器,用什么文档类型.规范来解析这个文档. 注意: 1).规 ...

浅谈严格模式和混杂模式

浅谈严格模式和混杂模式相关推荐

最新文章

热门文章