浏览器渲染的界面的2中模式:标准模式和怪异模式

  • 概念
    标准模式:浏览器引入w3c的标准,按照w3c的标准进行界面渲染。
    怪异模式:浏览器采用自身标准(各个浏览器不同)进行界面渲染。

  • 产生原因
    由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat)。但存在一个问题就是如何保证旧的网页还能继续浏览,在标准出来以前,很多页面都是根据旧的渲染方法编写的,如果用的标准来渲染,将导致页面显示异常。为保持浏览器渲染的兼容性,使以前的页面能够正常浏览,浏览器都保留了旧的渲染方法(如:微软的IE)。这样浏览器渲染上就产生了Quircks mode和CSScompat mode,两种渲染方法共存在一个浏览器上。

  • 查看当前界面渲染模式

	alert(window.top.document.compatMode) ;
	/BackCompat  表示怪异模式
	//CSS1Compat  表示标准模式
  • 如何设置当前界面的渲染模式

    设置怪异模式:文档顶部什么都不写

    设置标准模式:文档顶部添加

  • 建议
    标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行,为了我们写的代码更好的兼容,请一定要让浏览器使用标准模式渲染。

你可能感兴趣的:(浏览器渲染的界面的2中模式:标准模式和怪异模式)