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实现多功能下拉菜单(带分享按)的教程
Nov 05 HTML / CSS
纯css3实现的竖形无限级导航
Dec 10 HTML / CSS
使用CSS3配合IE滤镜实现渐变和投影的效果
Sep 06 HTML / CSS
基于DOM+CSS3实现OrgChart组织结构图插件
Mar 02 HTML / CSS
css3 中的新特性加强记忆详解
Apr 16 HTML / CSS
css3通过scale()、rotate()实现放大、旋转
Mar 19 HTML / CSS
HTML5新表单元素_动力节点Java学院整理
Jul 12 HTML / CSS
详解Html5 Canvas画线有毛边解决方法
Mar 01 HTML / CSS
html5版canvas自由拼图实例
Oct 15 HTML / CSS
canvas实现二维码和图片合成的示例代码
Aug 01 HTML / CSS
html5给汉字加拼音加进度条的实现代码
Apr 07 HTML / CSS
Html5页面获取微信公众号的openid的方法
May 12 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设计模式 Template (模板模式)
2011/06/26 PHP
php 检查电子邮件函数(自写)
2014/01/16 PHP
PHP关联数组实现根据元素值删除元素的方法
2015/06/26 PHP
在PHP程序中使用Rust扩展的方法
2015/07/03 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
JS 统计时间
2021/03/09 Javascript
常用js脚本
2006/12/03 Javascript
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
2009/07/25 Javascript
预加载css或javascript的js代码
2010/04/23 Javascript
基于jQuery的Tab选项框效果代码(插件)
2011/03/01 Javascript
js 定时器setTimeout无法调用局部变量的解决办法
2013/11/28 Javascript
Nodejs学习笔记之Stream模块
2015/01/13 NodeJs
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
JavaScript程序设计高级算法之动态规划实例分析
2017/11/24 Javascript
node(koa2) web应用模块介绍详解
2019/03/29 Javascript
layui自定义ajax左侧三级菜单
2019/07/26 Javascript
jquery css实现流程进度条
2020/03/26 jQuery
Vue 打包的静态文件不能直接运行的原因及解决办法
2020/11/19 Vue.js
[55:18]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python正则表达式非贪婪、多行匹配功能示例
2017/08/08 Python
Python cookbook(数据结构与算法)对切片命名清除索引的方法
2018/03/13 Python
python 有效的括号的实现代码示例
2019/11/11 Python
python Qt5实现窗体跟踪鼠标移动
2019/12/13 Python
Pandas的Apply函数具体使用
2020/07/21 Python
Electric官网:美国高级眼镜和配件品牌
2020/06/04 全球购物
开水果连锁店创业计划书
2013/12/29 职场文书
小学运动会广播稿200字(十二篇)
2014/01/14 职场文书
函授自我鉴定范文
2014/02/06 职场文书
授权委托书怎么写
2014/09/25 职场文书
2015社区六五普法工作总结
2015/04/21 职场文书
入党团支部推荐意见
2015/06/02 职场文书
创业计划书之冷饮店
2019/09/27 职场文书
html form表单基础入门案例讲解
2021/07/21 HTML / CSS
使用python创建股票的时间序列可视化分析
2022/03/03 Python
JavaScript正则表达式实现注册信息校验功能
2022/05/30 Java/Android
利用正则表达式匹配浮点型数据
2022/05/30 Java/Android