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制作动态进度条以及附加jQuery百分比数字显示
Dec 13 HTML / CSS
CSS3 制作绽放的莲花采用效果叠加实现
Jan 31 HTML / CSS
使用css3和jquery实现可伸缩搜索框
Feb 12 HTML / CSS
全方位了解CSS3的Regions扩展
Aug 07 HTML / CSS
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
Jan 23 HTML / CSS
你不知道的5个HTML5新功能
Jun 28 HTML / CSS
使用HTML5里的classList操作CSS类
Jun 28 HTML / CSS
教你使用Canvas处理图片的方法
Nov 28 HTML / CSS
3种方式实现瀑布流布局小结
Sep 05 HTML / CSS
html如何对span设置宽度
Oct 30 HTML / CSS
萌新HTML5 入门指南(二)
Nov 09 HTML / CSS
CSS3 制作精美的定价表
Apr 06 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中循环语句的用法介绍
2012/01/30 PHP
PHP Class&amp;Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
PHP学习笔记(二) 了解PHP的基本语法以及目录结构
2014/08/04 PHP
php使用function_exists判断函数可用的方法
2014/11/19 PHP
PHP递归创建多级目录
2015/11/05 PHP
Yii净化器CHtmlPurifier用法示例(过滤不良代码)
2016/07/15 PHP
PHP数据分析引擎计算余弦相似度算法示例
2017/08/08 PHP
laravel orm 关联条件查询代码
2019/10/21 PHP
关于图片验证码设计的思考
2007/01/29 Javascript
javascript js cookie的存储,获取和删除
2007/12/29 Javascript
Javascript 键盘keyCode键码值表
2009/12/24 Javascript
JS 实现完美include载入实现代码
2010/08/05 Javascript
在JS中最常看到切最容易迷惑的语法(转)
2010/10/29 Javascript
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
JS动态修改图片的URL(src)的方法
2015/04/01 Javascript
浅谈NodeJS中require路径问题
2015/05/07 NodeJs
原生js实现的贪吃蛇网页版游戏完整实例
2015/05/18 Javascript
jQuery树形下拉菜单特效代码分享
2015/08/15 Javascript
一个仿微博登陆邮箱提示框js开发案例
2016/07/28 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
2016/11/12 Javascript
jQuery正则验证注册页面经典实例
2017/06/10 jQuery
微信小程序“摇一摇”的实例代码
2017/07/20 Javascript
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
2019/03/16 Javascript
世界上最短的数字判断js代码
2019/09/09 Javascript
H5+css3+js搭建带验证码的登录页面
2020/10/11 Javascript
python实现给字典添加条目的方法
2014/09/25 Python
PyCharm第一次安装及使用教程
2020/01/08 Python
幼儿园教师的考核评语
2014/04/18 职场文书
班主任与学生安全责任书
2014/07/25 职场文书
2014年餐厅服务员工作总结
2014/11/18 职场文书
检讨书模板大全
2015/05/07 职场文书
选调生挂职锻炼工作总结
2015/10/23 职场文书
小学教代会开幕词
2016/03/04 职场文书
红灯733-1型14管5波段半导体收音机
2021/04/22 无线电
python机器学习实现oneR算法(以鸢尾data为例)
2022/03/03 Python
分享Python获取本机IP地址的几种方法
2022/03/17 Python