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发光分享按钮的实现教程
Sep 06 HTML / CSS
css3实现3d旋转动画特效
Mar 10 HTML / CSS
CSS3 text-shadow实现文字阴影效果
Feb 24 HTML / CSS
CSS3实现大小不一的粒子旋转加载动画
Apr 21 HTML / CSS
纯CSS3绘制打火机动画火焰效果
Jul 18 HTML / CSS
CSS3 filter(滤镜)实现网页灰色或者黑色模式的示例代码
Feb 24 HTML / CSS
HTML5 video视频字幕的使用和制作方法
May 03 HTML / CSS
html5文字阴影效果text-shadow使用示例
Jul 25 HTML / CSS
HTML5拖拽功能实现的拼图游戏
Jul 31 HTML / CSS
HTML5自定义视频播放器源码
Jan 06 HTML / CSS
canvas实现图片镜像翻转的2种方式
Jul 22 HTML / CSS
canvas版人体时钟的实现示例
Jan 29 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的错误信息
2006/10/09 PHP
谈谈PHP语法(5)
2006/10/09 PHP
php中引用符号(&amp;)的使用详解
2013/11/13 PHP
理解php依赖注入和控制反转
2016/05/11 PHP
Yii2使用dropdownlist实现地区三级联动功能的方法
2016/07/18 PHP
解决Yii2邮件发送结果返回成功,但接收不到邮件的问题
2017/05/23 PHP
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
JS中toFixed()方法引起的问题如何解决
2012/11/20 Javascript
JS逆序遍历实现代码
2014/12/02 Javascript
jQuery中queue()方法用法实例
2014/12/29 Javascript
JavaScript中用字面量创建对象介绍
2014/12/31 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
2015/02/24 Javascript
js实现的黑背景灰色二级导航菜单效果代码
2015/08/24 Javascript
浅析2种JavaScript继承方式
2015/12/04 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
2016/04/18 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
浅谈Cookie的生命周期问题
2016/08/02 Javascript
使用jquery实现的循环连续可停顿滚动实例
2016/11/23 Javascript
Webpack优化配置缩小文件搜索范围
2017/12/25 Javascript
从零开始搭建webpack+react开发环境的详细步骤
2018/05/18 Javascript
python二叉树的实现实例
2013/11/21 Python
Django-Model数据库操作(增删改查、连表结构)详解
2019/07/17 Python
python实现kNN算法识别手写体数字的示例代码
2019/08/16 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
python实现获取单向链表倒数第k个结点的值示例
2019/10/24 Python
常用的10个Python实用小技巧
2020/08/10 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
支持IE8的纯css3开发的响应式设计动画菜单教程
2014/11/05 HTML / CSS
美国体育用品商店:Rally House(NCAA、NFL、MLB、NBA、NHL和MLS)
2018/01/03 全球购物
印度首选时尚目的地:Reliance Trends
2018/01/17 全球购物
英国领先的新鲜松露和最好的松露产品供应商:TruffleHunter
2019/08/26 全球购物
美国电子产品购物网站:BuyDig.com
2020/06/17 全球购物
weblogic面试题
2016/03/07 面试题
应届毕业生自荐书
2014/06/18 职场文书
无刑事犯罪记录证明
2014/09/18 职场文书
Python socket如何解析HTTP请求内容
2022/02/12 Python