渲染模式

前端的同学都会听过怪异模式和标准模式，介绍这两个模式，还要从IE6的发布说起，话说IE6发布的时候，微软在IE6中增加了IE5里没有CSS标准特性，但是为了确保已有web内容在IE6上能正确显示，因此有了这两种不同的渲染模式。

下面分别来介绍下：

标准模式：CSScompat or Strict mode or Standars mode 也叫css兼容模式，在这种渲染模式下，浏览器对文档的渲染要遵循css标准

怪异模式：Quirks mode or Compatibility Mode 这种渲染模式开启，浏览器渲染页面会按照IE4和IE5中的渲染模式渲染页面

1、如何选择渲染模式呢？

渲染模式的选择依赖于html页面顶部的DOCTYPE声明。没有DOCTYPE声明的web页面，IE6及以上会按照怪异模式渲染；对于那些指定DOCTYPE声明web页面，浏览器会具体按照何种方式渲染页面，具体参考http://hsivonen.iki.fi/doctype/

2、javascript如何判断浏览器渲染方式：

通常使用document.compatMode对渲染模式这一特性进行检测，如果值为CSS1Compat，则是标准模式，值为BackCompat或者undefiend则为怪异模式。所有现代浏览器都实现了compatMode属性。

3、jquery如何判断浏览器渲染方式：

$.support.boxModel  如果返回true则为标准模式

$.boxModel 如果返回true则为标准模式

转载于:https://www.cnblogs.com/chile/p/3260200.html