浏览器的浏览模式与文档解析模式

浏览器的浏览模式(X-UA-Compatible)——浏览器在浏览网页是采用什么内核

对于浏览器的兼容性问题完全可以使用IETester这种多版本IE测试软件,但是为了省时省力,可以在header的meta标签中声明兼容模式

<meta http-equiv="X-UA-compatible" content="edge">

<meta http-equiv="X-UA-compatible" content="IE=Emulate7"/>

——遵循<!DOCTYPE>声明,如果是在标准模式下,就按照IE7的模式渲染页面,如果是怪异模式(兼容模式)就采用IE5的模式渲染页面

<meta http-equiv="X-UA-compatible" content="7">

——无论页面是否有<!DOCTYPE>声明,均采用IE7的标准模式渲染页面

文档解析模式——

1)quiker模式——怪异模式/兼容模式



2)standard模式

DOCTYPE与各种模式的关系:

1)混杂模式——不写DOCTYPE

2)近似标准模式——

<!DOCTYPE HTML PUBLIC "-//W3C//DTD html 4.0.1 Transitional//EN "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

3)标准模式——

<!DOCTYPE html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

可以看到过渡型html和xhtml或者框架型html或者xhtml都是近似标准模式,它尽可能遵循标准代的情况下兼容一些废弃的标签,而html5的DOCTYPE和严格型html以及严格型xhtml的DOCTYPE声明则会使得浏览器进入标准模式,它要求所有的标签必须闭合(除了DOCTYPE),而且不能使用废弃的标签。

大部分公司还是兼容老版本的IE,所以一般使用过渡型的html或者xhtml来声明文档类型,比较大的公司已经都使用html5的文档类型声明,它的效果与严格的html模式和xhtml模式一样,但是好处是节省代码,同时向前兼容


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值