您的位置:首页 > 其它

通过Meta标签解决网页兼容性问题

2016-06-02 16:32 302 查看
Meta标签在网页的HTML源代码中一个重要的代码“”(即通常所说的META标签)。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。Meta标签还可以解决网页兼容性问题,由于IE已更新到11版本,但是我们有不少网站系统还是采用的IE8兼容模式,那么我们可以通过Meta标签在IE9+以上版本默认使用IE7或者IE8的标准进行宣染!

Meta标签默认使用IE7宣染

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

360浏览器内核控制Meta标签

若页面需默认用ie兼容内核,增加标签:<meta name=”renderer” content=”ie-comp”>

若页面需默认用ie标准内核,增加标签:<meta name=”renderer” content=”ie-stand”>

当然,我们也可以让360浏览器优先使用极速核

若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit"> 

对于一些比较旧版的网站,建议使用以下标签:

<meta name="renderer" content="ie-comp">

<meta name="renderer" content="ie-stand">

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

<meta http-equiv="X-UA-Compatible" content="IE=7">
#以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=8">
#以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
#以上代码告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=7,9">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
#以上代码IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: