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 和 HTML5 兼容速查表 图文
Apr 01 HTML / CSS
css3实现超炫风车特效
Nov 12 HTML / CSS
使用CSS3来制作消息提醒框
Jul 12 HTML / CSS
CSS3实现自定义Checkbox特效实例代码
Apr 24 HTML / CSS
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
Apr 26 HTML / CSS
利用HTML5画出一个坦克的形状具体实现代码
Jun 20 HTML / CSS
实例讲解使用SVG制作loading加载动画的方法
Apr 05 HTML / CSS
HTML5头部标签的一些常用信息小结
Oct 23 HTML / CSS
html5 postMessage解决跨域、跨窗口消息传递方案
Dec 20 HTML / CSS
使用phonegap操作数据库的实现方法
Mar 31 HTML / CSS
HTML5 文件域+FileReader 分段读取文件并上传到服务器
Oct 23 HTML / CSS
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
Aug 24 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读取mysql乱码,用set names XXX解决的原理分享
2011/12/29 PHP
linux下安装php的memcached客户端
2014/08/03 PHP
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
详解PHP中curl_multi并发的实现
2020/06/08 PHP
PHP文件打开关闭及读写操作示例解析
2020/08/06 PHP
jQuery select的操作实现代码
2009/05/06 Javascript
javascript oop开发滑动(slide)菜单控件
2010/08/25 Javascript
javascript学习笔记(一) 在html中使用javascript
2012/06/18 Javascript
Javascript跨域请求的4种解决方式
2013/03/17 Javascript
jquery图片不完全按比例自动缩小的简单代码
2013/07/29 Javascript
javascript + jquery实现定时修改文章标题
2014/03/19 Javascript
jQuery实现的导航条切换可显示隐藏
2014/10/22 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
2015/06/05 Javascript
JavaScript基础篇(6)之函数表达式闭包
2015/12/11 Javascript
JavaScript简单获取页面图片原始尺寸的方法
2016/06/21 Javascript
xmlplus组件设计系列之图标(ICON)(1)
2017/05/05 Javascript
ReactNative实现图片上传功能的示例代码
2017/07/11 Javascript
JS中使用media实现响应式布局
2017/08/04 Javascript
vue几个常用跨域处理方式介绍
2018/02/07 Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
2018/05/13 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
2019/11/10 Javascript
Python连接HDFS实现文件上传下载及Pandas转换文本文件到CSV操作
2020/06/06 Python
python 自动识别并连接串口的实现
2021/01/19 Python
CSS3实现多样的边框效果
2018/05/04 HTML / CSS
马来西亚银饰品牌:JEOEL
2017/12/15 全球购物
Coggles美国/加拿大:高级国际时装零售商
2018/10/23 全球购物
Java里面StringBuilder和StringBuffer有什么区别
2016/06/06 面试题
大学生志愿者感言
2014/01/15 职场文书
经验丰富大学生村干部自我鉴定
2014/01/22 职场文书
公司经理聘任书
2014/03/29 职场文书
高考寄语大全
2014/04/08 职场文书
公司领导班子召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
研究生就业推荐表导师评语
2014/12/31 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书
2019年感恩励志演讲稿(收藏备用)
2019/09/11 职场文书
用Python远程登陆服务器的步骤
2021/04/16 Python