通过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标签默认使用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.
相关文章推荐
- Liunx 配置ftp服务器
- 关于callback函数
- 设计模式笔记-Mediator
- 关于drawable和mipmap
- ES6在线学习
- 数组分组
- Sqrt(x)
- STORM_0008_Structure-of-the-codebase_Storm的代码库的结构
- jquery 圆形进度条
- 日文学习v1.0(本人有点精分,文中各种吐槽风慎入)
- KMP算法简易图解
- avformat_open_input()源码分析
- Spring 3 MVC深入研究
- 希尔排序
- 数列 [Bzoj3142,Codevs2089,HNOI2013]
- 【android】:android实现监听多个按钮事件
- 我的 VC++ 常见错误问题解决办法
- JavaScript:闭包
- PHP 5.5 新特性关键字 yield
- Python变量与常量