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混合模式mix-blend-mode/background-blend-mode简介
Mar 15 HTML / CSS
CSS3教程:边框属性border的极致应用
Apr 02 HTML / CSS
CSS3 实现侧边栏展开收起动画
Dec 22 HTML / CSS
简单掌握CSS3中resize属性的用法
Apr 01 HTML / CSS
纯css3实现宠物小鸡实例代码
Oct 08 HTML / CSS
css3给背景图片加颜色遮罩的方法
Nov 05 HTML / CSS
详解css3中dispaly的Grid布局与Flex布局
Sep 11 HTML / CSS
css3中flex布局宽度不生效的解决
Dec 09 HTML / CSS
Javascript 高级手势使用介绍
Apr 21 HTML / CSS
HTML5触摸事件演化tap事件介绍
Mar 25 HTML / CSS
详解如何解决canvas图片getImageData,toDataURL跨域问题
Sep 17 HTML / CSS
使用CSS实现百叶窗效果示例代码
May 07 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
用Socket发送电子邮件(利用需要验证的SMTP服务器)
2006/10/09 PHP
PHP通过iconv将字符串从GBK转换为UTF8字符集
2011/07/18 PHP
php文字水印和php图片水印实现代码(二种加水印方法)
2013/12/25 PHP
PHP中iconv函数转码时截断字符问题的解决方法
2015/01/21 PHP
如何使用Gitblog和Markdown建自己的博客
2015/07/31 PHP
Mootools 1.2教程(2) DOM选择器
2009/09/14 Javascript
javascript实现英文首字母大写
2015/04/23 Javascript
jquery中checkbox使用方法简单实例演示
2015/11/24 Javascript
Bootstrap响应式导航由768px变成992px的实现代码
2017/06/15 Javascript
微信小程序picker组件下拉框选择input输入框的实例
2017/09/20 Javascript
Vue中v-for的数据分组实例
2018/03/07 Javascript
纯JS实现出生日期[年月日]下拉菜单效果
2018/06/01 Javascript
记录一篇关于redux-saga的基本使用过程
2018/08/18 Javascript
Node.js Event Loop各阶段讲解
2019/03/08 Javascript
JavaScript实现指定数量的并发限制的示例代码
2020/03/10 Javascript
vue element table中自定义一些input的验证操作
2020/07/18 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
Vue 实现可视化拖拽页面编辑器
2021/02/01 Vue.js
Python实现爬取知乎神回复简单爬虫代码分享
2015/01/04 Python
python实现提取百度搜索结果的方法
2015/05/19 Python
Python二叉树的遍历操作示例【前序遍历,中序遍历,后序遍历,层序遍历】
2018/12/24 Python
python3 enum模块的应用实例详解
2019/08/12 Python
Python使用matplotlib绘制Logistic曲线操作示例
2019/11/28 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
Python2.7:使用Pyhook模块监听鼠标键盘事件-获取坐标实例
2020/03/14 Python
详解Django关于StreamingHttpResponse与FileResponse文件下载的最优方法
2021/01/07 Python
HTML5仿手机微信聊天界面
2016/03/18 HTML / CSS
函授本科自我鉴定
2013/11/03 职场文书
报纸媒体创意广告词
2014/03/17 职场文书
公司建议书怎么写
2014/05/15 职场文书
幼儿园社区活动总结
2014/07/07 职场文书
大学毕业生管理学求职信
2014/09/01 职场文书
2014年技术工作总结范文
2014/11/20 职场文书
2014年应急工作总结
2014/12/11 职场文书
2015年勤工助学工作总结
2015/04/29 职场文书
用Python selenium实现淘宝抢单机器人
2021/06/18 Python