前端标准模式与混杂模式的区别

前端标准模式与混杂模式的区别

1 区分模式的意义？

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

2什么是混杂模式、什么是标准模式

混杂模式是一种向后兼容的解析方式，是实现IE5.5以下版本浏览器的渲染模式。

标准模式是一种要求严格的DTD，根据web标准去解析页面的模式。

3两种模式的区别

盒模型的解析：混合模式盒模型的宽高=内容的宽高；标准模式盒模型的宽高=内容的宽高+padding的宽高+border的宽高。
当一个块元素div中包含的内容只有图片时，在标准模式下，不管IE还是标准，在图片底部都有3像素的空白。但在混杂模式下，标准浏览器（Chrome）中div距图片底部默认没有空白。

4如何判断两种模式

if(document.compatMode=="CSS1Compat" ) {console.log('标准模式');}else {console.log('混杂模式');}

5两种模式怎样触发

触发混杂模式

（1）不写
（2）前面加上xml声明 <?xml version="1.0" encoding="utf-8"?> (IE6)
（3）和<?xml version="1.0" encoding="utf-8"?>之间加了（标签、文本、注释）(ie8以下都有，ie9以上未测)
（4）前面有（标签、文本、注释）(ie8以下都有，ie9以上未测)

触发标准模式

正常的建立html即可

前端标准模式与混杂模式的区别相关推荐

html标准模式与混杂模式,关于Doctype、严格模式与混杂模式
&lt现行程项些或创容的近在绑思目都者于手内近;!Doctype> 文档声明,位于文档中的最前面的位置,处于标签之前.此标签告知浏览器文档使用哪种HTML或XHTML朋说事础发开和数目间 ...
浅谈严格模式和混杂模式
一,严格模式和混杂模式的定义: 通俗来说: 严格模式是浏览器根据w3c的规范来解析代码: 混杂模式是浏览器根据自己的规范来解析代码(很明显:无规矩不成方圆,这种混杂模式会产生一些浏览器兼容问题). 二 ...
Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?Doctype文档类型？
Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?Doctype文档类型? 一.Doctype作用? 二.严格模式与混杂模式如何区分? 三.它们有何意义? 四.Doctype文档类型? ...
什么是严格模式和混杂模式？如何区分？
一.什么是严格模式和混杂模式? 严格模式:标准模式,浏览器按照W3C标准解析代码混杂模式:怪异模式/兼容模式,浏览器按照自己的方式解析代码 DOCTYPE的作用? < !DOCTYPE> ...
Doctype作用及严格模式与混杂模式的区分
1.Doctype作用,标准模式与兼容(怪异quirks)模式的区别 <!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器用 ...
Doctype作用？严格模式与混杂模式如何区分？它们有何差异？
Doctype作用?严格模式与混杂模式如何区分?它们有何差异? 转载自:吴秋彤的博客一.Doctype作用是什么? 声明叫做文件类型定义(DTD),声明的作用为了告诉浏览器该文件的类型.让浏览器解析 ...
Doctype作用?严格模式与混杂模式如何区分？它们有何意义?
一.Doctype作用是什么? 声明叫做文件类型定义(DTD),声明的作用为了告诉浏览器该文件的类型.让浏览器解析器知道应该用哪个规范来解析文档.声明必须在 HTML 文档的第一行,这并不是一个 HT ...
Doctype作用? 严格模式与混杂模式如何区分？它们有何意义
前端面试题(3) 打卡: 2021-4-27 HTML Doctype 作用? 严格模式与混杂模式如何区分?它们有何意义? Doctype作用 (1)位于文档最前面,处于标签之前.告诉浏览器用什么文 ...
Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
严格模式与混杂模式--如何触发这两种模式,区分它们有何意义. 在标准模式中,浏览器根据规范呈现页面: 在混杂模式中,页面以一种比较宽松的向后兼容的方式显示. 浏览器根据DOCTYPE是否存在以及使用的 ...
严格模式与混杂模式-如何触发这两种模式，区分它们有何意义
Doctype:(Document Type)文档类型,它位于文档中最前面的位置,处于标签之前.如果你想制作符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE的声明.确定了正确的Doctyp ...

前端标准模式与混杂模式的区别

前端标准模式与混杂模式的区别相关推荐

最新文章

热门文章