head标签中包含的部分meta标签的作用及其解释

X-UA-Compatible是针对IE8新加的一个设置,对于IE8之外的浏览器是不识别的。

1. <meta http-equiv="X-UA-Compatible" content="IE=5" />

像是使用了 Windows Internet Explorer 7 的 Quirks 模式,这与 Windows Internet Explorer 5 显示内容的方式很相似。

2. <meta http-equiv="X-UA-Compatible" content="IE=7" />

无论页面是否包含<!DOCTYPE>指令,均使用 Windows Internet Explorer 7 的标准渲染模式。

3. <meta http-equiv="X-UA-Compatible" content="IE=8" />

开启 IE8 的标准渲染模式,但由于本身 X-UA-Compatible 文件头仅支持 IE8 以上版本,因此等同于冗余代码。

4. <meta http-equiv="X-UA-Compatible" content="edge" />

Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。即如果你有IE9的话说明你有IE789,那么就调用高版本的那个也就是IE9

5.<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

如果IE有安装Google Chrome Frame,那么就走安装的组件,如果没有就和一样。

6.<meta http-equiv=”Cache-Control” content=”no-transform” /> 

在head中加入这句代码就可以禁止百度搜索进行转码(百度搜索的禁止转码方式

7.<meta http-equiv=”Cache-Control” content=”no-siteapp” /> 

在head中加入这句代码就可以禁止神马搜索进行转码(神马搜索引擎的禁止转码方式

8.<meta name="renderer" content="webkit"/>
  <meta name="force-rendering" content="webkit"/>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

上述三行代码分别作用于不同的环境,具体如下所述:
(1)强制Chromium内核,作用于360浏览器、QQ浏览器等国产双核浏览器:

<meta name="renderer" content="webkit"/>

(2)强制Chromium内核,作用于其他双核浏览器:

<meta name="force-rendering" content="webkit"/>

(3)如果有安装 Google Chrome Frame 插件则强制为Chromium内核,否则强制本机支持的最高版本IE内核,作用于IE浏览器:

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值