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 渐变(Gradients)之CSS3 径向渐变
Jul 08 HTML / CSS
css3中的calc函数浅析
Jul 10 HTML / CSS
CSS3提交意见输入框样式代码
Oct 30 HTML / CSS
使用CSS3编写类似iOS中的复选框及带开关的按钮
Apr 11 HTML / CSS
css3 实现滚动条美化效果的实例代码
Jan 06 HTML / CSS
HTML5 Canvas绘制文本及图片的基础教程
Mar 14 HTML / CSS
html5 音乐播放器 audio 标签使用概述
Jul 15 HTML / CSS
x-ua-compatible content=”IE=7, IE=9″意思理解
Jul 22 HTML / CSS
HTML5 Canvas+JS控制电脑或手机上的摄像头实例
May 03 HTML / CSS
使用html2canvas.js实现页面截图并显示或上传的示例代码
Dec 18 HTML / CSS
html5借用repeating-linear-gradient实现一把刻度尺(ruler)
Sep 09 HTML / CSS
AmazeUI 评论列表的实现示例
Aug 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开发不能违背的安全规则 过滤用户输入
2011/05/01 PHP
PHP register_shutdown_function()函数的使用示例
2015/06/23 PHP
php使用pdo连接sqlite3的配置示例
2016/05/27 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
写出高效jquery代码的19条指南
2014/03/19 Javascript
js获取页面description的方法
2015/05/21 Javascript
JavaScript中的this关键字使用详解
2015/08/14 Javascript
JavaScript中常用的验证reg
2016/10/13 Javascript
ES6概念 Symbol.keyFor()方法
2016/12/25 Javascript
JS中如何实现点击a标签返回页面顶部的问题
2017/01/19 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
2017/08/23 jQuery
详解webpack2+node+react+babel实现热加载(hmr)
2017/08/24 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
2019/05/10 Javascript
Vue 无限滚动加载指令实现方法
2019/05/28 Javascript
微信小程序bindtap事件与冒泡阻止详解
2019/08/08 Javascript
js判断在哪个浏览器打开项目的方法
2020/01/21 Javascript
原生js实现随机点名
2020/07/05 Javascript
[19:26]TNC vs EG (BO3)
2018/06/07 DOTA
centos系统升级python 2.7.3
2014/07/03 Python
Python实现字符串匹配算法代码示例
2017/12/05 Python
Python编程argparse入门浅析
2018/02/07 Python
Python3利用Dlib19.7实现摄像头人脸识别的方法
2018/05/11 Python
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
解决Django migrate不能发现app.models的表问题
2019/08/31 Python
python科学计算之scipy——optimize用法
2019/11/25 Python
python GUI库图形界面开发之PyQt5中QMainWindow, QWidget以及QDialog的区别和选择
2020/02/26 Python
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
2013/01/31 HTML / CSS
纽约海:Sea New York
2018/11/04 全球购物
《再见了,亲人》教学反思
2014/02/26 职场文书
建筑专业毕业生自荐信
2014/05/25 职场文书
舞蹈专业求职信
2014/06/13 职场文书
项目安全员岗位职责
2015/02/15 职场文书
2016大一新生军训心得体会
2016/01/11 职场文书
windows安装 redis 6.2.6最新步骤详解
2022/04/26 Redis