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 中实现炫酷的loading效果
Apr 26 HTML / CSS
button在IE6/7下的黑边去除方案
Dec 24 HTML / CSS
CSS3点击按钮实现背景渐变动画效果
Oct 19 HTML / CSS
浅析CSS3 用text-overflow解决文字排版问题
Oct 28 HTML / CSS
简单聊聊H5的pushState与replaceState的用法
Apr 03 HTML / CSS
使用css如何制作时间ICON方法实践
Nov 12 HTML / CSS
用HTML5实现鼠标滚轮事件放大缩小图片的功能
Jun 25 HTML / CSS
详解HTML5中div和section以及article的区别
Jul 14 HTML / CSS
HTML5单页面手势滑屏切换原理
Mar 21 HTML / CSS
phonegap常用事件总结(必看篇)
Mar 31 HTML / CSS
canvas 阴影和图形变换的示例代码
Jan 02 HTML / CSS
Html5通过数据流方式播放视频的实现
Apr 27 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环境配置 php5 mysql5 apache2 phpmyadmin安装与配置
2006/11/17 PHP
Session服务器配置指南与使用经验的深入解析
2013/06/17 PHP
php ctype函数中文翻译和示例
2014/03/21 PHP
CodeIgniter集成smarty的方法详解
2016/05/26 PHP
JQuery Tips(4) 一些关于提高JQuery性能的Tips
2009/12/19 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
2016/03/03 Javascript
js原型链与继承解析(初体验)
2016/05/09 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
2016/08/16 Javascript
js 发布订阅模式的实例讲解
2017/09/10 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
2017/10/09 Javascript
详解webpack require.ensure与require AMD的区别
2017/12/13 Javascript
总结js中的一些兼容性易错的问题
2017/12/18 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
浅谈layui框架自带分页和表格重载的接口解析问题
2019/09/11 Javascript
vue2.0实现列表数据增加和删除
2020/06/17 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
2020/11/10 Javascript
javascript实现前端分页功能
2020/11/26 Javascript
Python写的Socks5协议代理服务器
2014/08/06 Python
wxpython中自定义事件的实现与使用方法分析
2016/07/21 Python
Python3 socket同步通信简单示例
2017/06/07 Python
Python实现的直接插入排序算法示例
2018/04/29 Python
Python实现将通信达.day文件读取为DataFrame
2018/12/22 Python
使用Python控制摄像头拍照并发邮件
2019/04/23 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
python matplotlib imshow热图坐标替换/映射实例
2020/03/14 Python
让IE6支持css3,让 IE7、IE8 都支持CSS3
2011/10/09 HTML / CSS
HTML5给汉字加拼音收起展开组件的实现代码
2020/04/08 HTML / CSS
HTML5获取当前地理位置并在百度地图上展示的实例
2020/07/10 HTML / CSS
道歉短信大全
2015/05/12 职场文书
驳回起诉裁定书
2015/05/19 职场文书
新课程改革心得体会
2016/01/22 职场文书
mysql部分操作
2021/04/05 MySQL
CSS3 制作的彩虹按钮样式
2021/04/11 HTML / CSS