前端开发

 首页 > 前端开发 > html教程 > 浏览器的标准模式和怪异模式的区别

浏览器的标准模式和怪异模式的区别

分享到:
【字体:
导读:
          要想写出跨浏览器的CSS,必须知道浏览器解析CSS的两种模式: 标准模式(strict mode) 和 怪异模式(quirks mode) 。 所谓的标准模式是指,浏览器按W3C标准解析执行代码;怪异模式则是使用浏览...

要想写出跨浏览器的CSS,必须知道浏览器解析CSS的两种模式:标准模式(strict mode)怪异模式(quirks mode)


所谓的标准模式是指,浏览器按W3C标准解析执行代码;怪异模式则是使用浏览器自己的方式解析执行代码,因为不同浏览器解析执行的方式不一样,所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式,与你网页中的DTD声明直接相关,DTD声明定义了标准文档的类型(标准模式解析)文档类型,会使浏览器使用相应的方式加载网页并显示,忽略DTD声明,将使网页进入怪异模式(quirks mode)。



    
        重庆PHP
    
    
        

重庆PHP,最专业的PHP社区

    

  如果你的网页代码不含有任何声明,那么浏览器就会采用怪异模式解析,便是如果你的网页代码含有DTD声明,浏览器就会按你所声明的标准解析。




    
        重庆PHP
    
    
        

重庆PHP,最专业的PHP社区

    

  上面的代码,浏览器会按HTML 4.01的标准进行解析。


到底标准模式和怪异模式有什么不同呢?在我之前的文章《IE到底认不认识!important声明》中已经说过,标准模式中


IE6不认识!important声明,IE7、IE8、Firefox、Chrome等浏览器认识;而在怪异模式中,IE6/7/8都不认识!important声明,这只是区别的一种,还有很多其它区别。所以,要想写出跨浏览器的CSS,你必须采用标准模式。好像太绝对了,呵呵。好吧,要想写出跨浏览器CSS,你最好采用标准模式。


到底都有哪些声明呢?哪种声明更好呢?我们建议你使用XHTML 1.0最严格模式,从一开始我们就应该严格的要求自己


,具体声明如下:



  如果你接手的是一个遗留网页,最初并没有DTD声明,并且使用了很多在XHTML中已经废除的标签,那么,我们建议你使用XHTML兼容模式,声明如下:



分享到:
HTML5实战与剖析之触摸事件(touchstart、...
  HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件:touchstart、touchmove和touchend。   一开始触摸事件touchstart、touchmove和touchend是iO...
手机端rem布局详解rem.js但是这样做还是...
用rem来实现移动端的弹性布局是个好主意!用法如下: CSS @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {    html {      font-size:10px;     }}      @media only screen and (max-width: 640px), only screen and (max-device-width...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……