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 相关文章推荐
纯DOM+CSS3实现简单的小风车动画
Sep 27 HTML / CSS
纯CSS3实现鼠标悬停提示气泡效果
Feb 28 HTML / CSS
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
Sep 02 HTML / CSS
CSS3中的content属性使用示例
Jul 20 HTML / CSS
详解css3中 text-fill-color属性
Jul 08 HTML / CSS
CSS 说明横向进度条最后显示文字的实现代码
Nov 10 HTML / CSS
浅谈three.js中的needsUpdate的应用
Nov 12 HTML / CSS
html5的新玩法——语音搜索
Jan 03 HTML / CSS
Html5 语法与规则简要概述
Jul 29 HTML / CSS
Canvas制作旋转的太极的示例
Mar 09 HTML / CSS
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
Jan 19 HTML / CSS
详解CSS3浏览器兼容
Dec 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获取表单textarea数据中的换行问题
2010/09/10 PHP
php页面函数设置超时限制的方法
2014/12/01 PHP
Yii CDBCriteria常用方法实例小结
2017/01/19 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
PHP发送邮件确认验证注册功能示例【修改别人邮件类】
2019/11/09 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
HTML页面如何象ASP一样接受参数
2007/02/07 Javascript
JavaScript入门教程(1) 什么是JS
2009/01/31 Javascript
jQuery数据显示插件整合实现代码
2011/10/24 Javascript
node.js实现多图片上传实例
2014/06/03 Javascript
jquery插件EasyUI中form表单提交实例分享
2016/01/11 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
webpack将js打包后的map文件详解
2018/02/22 Javascript
jQuery实现参数自定义的文字跑马灯效果
2018/08/15 jQuery
js消除图片小游戏代码
2019/12/11 Javascript
javascript设计模式 ? 命令模式原理与用法实例分析
2020/04/20 Javascript
深入浅析python with语句简介
2018/04/11 Python
对python 各种删除文件失败的处理方式分享
2018/04/24 Python
解决pycharm无法识别本地site-packages的问题
2018/10/13 Python
在Python中利用pickle保存变量的实例
2019/12/30 Python
基于TensorFlow常量、序列以及随机值生成实例
2020/01/04 Python
Python字符串三种格式化输出
2020/09/17 Python
从Pytorch模型pth文件中读取参数成numpy矩阵的操作
2021/03/04 Python
css 如何让背景图片拉伸填充避免重复显示
2013/07/11 HTML / CSS
英国家电直销:Appliances Direct
2016/09/22 全球购物
时尚、社区、科技:SEVENSTORE
2019/04/26 全球购物
波兰化妆品和护肤品购物网站:eKobieca
2019/08/30 全球购物
幼教求职信
2014/03/12 职场文书
高中竞选班长演讲稿
2014/04/24 职场文书
干部竞争上岗演讲稿
2014/09/11 职场文书
团队会宣传标语
2014/10/09 职场文书
优秀小学生事迹材料
2014/12/26 职场文书
公司庆典主持词
2015/07/04 职场文书
Python语言规范之Pylint的详细用法
2021/06/24 Python
MySQL连接控制插件介绍
2021/09/25 MySQL
在SQL Server中使用 Try Catch 处理异常的示例详解
2022/07/15 SQL Server