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实现文字向右循环闪过效果实例(可用于移动端)
Jun 15 HTML / CSS
CSS3 伪类选择器 nth-child()说明
Jul 10 HTML / CSS
一款基于css3和jquery实现的动画显示弹出层按钮教程
Jan 04 HTML / CSS
CSS3实现背景透明文字不透明的示例代码
Jun 25 HTML / CSS
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
Feb 27 HTML / CSS
CSS3 filter(滤镜)实现网页灰色或者黑色模式的代码
Nov 30 HTML / CSS
5分钟弄清楚html5的drag and drop(小结)
Apr 10 HTML / CSS
HTML5计时器小例子
Oct 15 HTML / CSS
html5 input输入实时检测以及延时优化
Jul 18 HTML / CSS
Canvas实现贝赛尔曲线轨迹动画的示例代码
Apr 25 HTML / CSS
AmazeUI的JS表单验证框架实战示例分享
Aug 21 HTML / CSS
css3实现背景图片半透明内容不透明的方法示例
Apr 13 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 地区分类排序算法
2013/07/01 PHP
Ubuntu下安装PHP的mongodb扩展操作命令
2015/07/04 PHP
PHP基于DOMDocument解析和生成xml的方法分析
2017/07/17 PHP
jQuery maxlength文本字数限制插件
2010/04/16 Javascript
jQuery.ajax 用户登录验证代码
2010/10/29 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
2011/05/09 Javascript
javascript定时变换图片实例代码
2013/03/17 Javascript
终于解决了IE8不支持数组的indexOf方法
2013/04/03 Javascript
cookie中的path与domain属性详解
2013/12/18 Javascript
js实现二代身份证号码验证详解
2014/11/20 Javascript
javascript 中模板方法单例的实现方法
2017/10/17 Javascript
node.js中axios使用心得总结
2017/11/29 Javascript
在JS循环中使用async/await的方法
2018/10/12 Javascript
Vue指令指令大全
2019/02/09 Javascript
解决layUI的页面显示不全的问题
2019/09/20 Javascript
react MPA 多页配置详解
2019/10/18 Javascript
[01:06:30]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第二场 1月9日
2021/03/11 DOTA
解读! Python在人工智能中的作用
2017/11/14 Python
详解Python map函数及Python map()函数的用法
2017/11/16 Python
python如何实现内容写在图片上
2018/03/23 Python
python定时检测无响应进程并重启的实例代码
2019/04/22 Python
基于pytorch padding=SAME的解决方式
2020/02/18 Python
python GUI库图形界面开发之PyQt5控件QTableWidget详细使用方法与属性
2020/02/25 Python
Python 捕获代码中所有异常的方法
2020/08/03 Python
localStorage 设置过期时间的方法实现
2018/12/21 HTML / CSS
.NET程序员的数据库面试题
2012/10/10 面试题
举例说明类变量和实例变量的区别
2016/06/30 面试题
岗位竞聘演讲稿
2014/01/10 职场文书
剪枝的学问教学反思
2014/02/07 职场文书
生日寄语大全
2014/04/08 职场文书
团干部培训方案
2014/06/03 职场文书
新闻人物通讯稿
2014/10/09 职场文书
个人党性分析材料
2014/12/19 职场文书
幼师中班个人总结
2015/02/12 职场文书
2015秋季开学演讲稿范文
2015/07/16 职场文书
创业计划书之冷饮店
2019/09/27 职场文书