HTML5 声明兼容IE的写法


Posted in HTML / CSS onMay 16, 2011

<!DOCTYPE html>是HTML5的声明,主流的游览器中只有IE8及以下版本不支持,这样IE会进入Quirks模式。但之后的声明可以强制指定IE的呈现模式,所以<!DOCTYPE html>声明对IE就无影响。

HTML5并没有XHTML那么严格,对于一般的xhtml页面,基本都不通完全通过W3C验证标准,而改为HTML5声明后基本都能过。

复制代码
代码如下:

<!DOCTYPE html>
<!–[if IE]>
<meta http-equiv=”X-UA-Compatible” content=”IE=8″ />
<![endif]–>
<!–[if IE 7]>
<meta http-equiv=”X-UA-Compatible” content=”IE=7″ />
<![endif]–>
<!–[if IE 6]>
<meta http-equiv=”X-UA-Compatible” content=”IE=6″ />
<![endif]–>

关于X-UA-Compatible
目前绝大多数网站都用

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

来作为IE8的兼容方法,虽然微软将IE向标准迈进了一大步,而事实上IE8还存在一系列渲染的奇怪现象是不争的事实。
谁让IE6那么多呢,或许2014年以后我们可以有更多的时间去关心IE8,而不是IE6或者IE7。
在X-UA-Compatible中可用的方法有:

复制代码
代码如下:

<meta http-equiv="X-UA-Compatible" content="IE=5" >
<meta http-equiv="X-UA-Compatible" content="IE=7" >
<meta http-equiv="X-UA-Compatible" content="IE=8" >
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
[html]
其中最后一行是永远以最新的IE版本模式来显示网页的。
另外加上
[code]
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >

而使用,Emulate模式后则更重视<!DOCTYPE>

所以目前来说,云下载还是推荐以下

复制代码
代码如下:

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

为首选。
HTML / CSS 相关文章推荐
纯css3无js实现的Android Logo(有简单动画)
Jan 21 HTML / CSS
一款纯css3制作的2015年元旦雪人动画特效教程
Dec 29 HTML / CSS
CSS3中HSL和HSLA的简单使用示例
Jul 14 HTML / CSS
浅谈CSS3特性查询(Feature Query: @supports)功能简介
Jul 31 HTML / CSS
CSS3 新增选择器的实例
Nov 13 HTML / CSS
CSS3 实现的缩略图悬停效果
Dec 09 HTML / CSS
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
Jan 06 HTML / CSS
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
Nov 05 HTML / CSS
可能这些是你想要的H5软键盘兼容方案(小结)
Apr 23 HTML / CSS
HTML5中input输入框默认提示文字向左向右移动的示例代码
Sep 10 HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
Dec 07 HTML / CSS
css 边框添加四个角的实现代码
Oct 16 HTML / CSS
基于HTML5 audio元素播放声音jQuery小插件
May 11 #HTML / CSS
20佳惊艳的HTML5应用程序示例分享
May 03 #HTML / CSS
HTML5 本地存储和内容按需加载的思路和方法
Apr 07 #HTML / CSS
html5时钟实现代码
Oct 22 #HTML / CSS
html5 canvas 使用示例
Oct 22 #HTML / CSS
IE9下html5初试小刀
Sep 21 #HTML / CSS
HTML5边玩边学(3)像素和颜色
Sep 21 #HTML / CSS
You might like
PHP提取数据库内容中的图片地址并循环输出
2010/03/21 PHP
php数组函数序列之end() - 移动数组内部指针到最后一个元素,并返回该元素的值
2011/10/31 PHP
php实现加减法验证码代码
2014/02/14 PHP
简单解析PHP程序的运行流程
2016/06/23 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
控制打印时页眉角的代码
2007/02/08 Javascript
一段利用WSH获取登录时间的jscript代码
2008/05/11 Javascript
jQuery右键菜单contextMenu使用实例
2011/09/28 Javascript
JS实现css hover操作的方法示例
2017/04/07 Javascript
JS匹配日期和时间的正则表达式示例
2017/05/12 Javascript
自定义vue全局组件use使用、vuex的使用详解
2017/06/14 Javascript
Bootstrap + AngularJS 实现简单的数据过滤字符查找功能
2017/07/27 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
js 索引下标之li集合绑定点击事件
2018/01/12 Javascript
vue请求数据的三种方式
2020/03/04 Javascript
python字符串连接的N种方式总结
2014/09/17 Python
Python字符串格式化输出方法分析
2016/04/13 Python
python 网络编程常用代码段
2016/08/28 Python
Python实现按学生年龄排序的实际问题详解
2017/08/29 Python
Python实现获取前100组勾股数的方法示例
2018/05/04 Python
python tornado修改log输出方式
2019/11/18 Python
Python如何访问字符串中的值
2020/02/09 Python
解决Pycharm中恢复被exclude的项目问题(pycharm source root)
2020/02/14 Python
Window版下在Jupyter中编写TensorFlow的环境搭建
2020/04/10 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
详解pycharm自动import所需的库的操作方法
2020/11/30 Python
python性能测试工具locust的使用
2020/12/28 Python
英国领先的大码时装品牌之一:Elvi
2018/08/26 全球购物
员工拾金不昧表扬信
2014/01/09 职场文书
德语专业求职信
2014/03/12 职场文书
授权委托书格式
2014/07/31 职场文书
庆祝国庆节标语
2014/10/09 职场文书
2014年招商引资工作总结
2014/11/22 职场文书
2015年设计师个人工作总结
2015/04/25 职场文书
大学生活感想
2015/08/10 职场文书