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 相关文章推荐
纯HTML+CSS3制作导航菜单(附源码)
Apr 24 HTML / CSS
布局和排版教程 纯css3实现图片三角形排列
Oct 17 HTML / CSS
CSS3中的Media Queries学习笔记
May 23 HTML / CSS
浅析CSS3 用text-overflow解决文字排版问题
Oct 28 HTML / CSS
CSS3实现苹果手机解锁的字体闪亮效果示例
Jan 05 HTML / CSS
网页中的电话号码如何实现一键直呼效果_附示例
Mar 15 HTML / CSS
html5+css3进度条倒计时动画特效代码【推荐】
Mar 08 HTML / CSS
H5新属性audio音频和video视频的控制详解(推荐)
Dec 09 HTML / CSS
如何用H5实现一个触屏版的轮播器的实例
Jan 09 HTML / CSS
Html5页面获取微信公众号的openid的方法
May 12 HTML / CSS
简洁自适应404页面HTML好看的404源码
Dec 16 HTML / CSS
css display table 自适应高度、宽度问题的解决
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
discuz7 phpMysql操作类
2009/06/21 PHP
PHP游戏编程25个脚本代码
2011/02/08 PHP
php模板原理讲解
2013/11/13 PHP
php生成txt文件标题及内容的方法
2014/01/16 PHP
PHP实现事件机制的方法
2015/07/10 PHP
PHP下载远程图片并保存到本地方法总结
2016/01/22 PHP
PHP Echo字符串的连接格式
2016/03/07 PHP
PHP用FTP类上传文件视频等的简单实现方法
2016/09/23 PHP
PHP错误处理函数register_shutdown_function使用示例
2017/07/03 PHP
thinkPHP框架实现类似java过滤器的简单方法示例
2018/09/05 PHP
js拦截alert对话框另类应用
2013/01/16 Javascript
采用call方式实现js继承
2014/05/20 Javascript
node.js中的fs.lchmodSync方法使用说明
2014/12/16 Javascript
JavaScript中的值类型详细介绍
2014/12/29 Javascript
JS表单验证的代码(常用)
2016/04/08 Javascript
Bootstrap表单布局样式源代码
2016/07/04 Javascript
Angular项目从新建、打包到nginx部署全过程记录
2017/12/09 Javascript
JavaScript闭包原理与用法实例分析
2018/08/10 Javascript
关于RxJS Subject的学习笔记
2018/12/05 Javascript
JS绘图Flot如何实现可选显示曲线图功能
2020/10/16 Javascript
vue3自定义dialog、modal组件的方法
2021/01/04 Vue.js
Python正则表达式分组概念与用法详解
2017/06/24 Python
神经网络(BP)算法Python实现及应用
2018/04/16 Python
Selenium元素的常用操作方法分析
2018/08/10 Python
Keras中 ImageDataGenerator函数的参数用法
2020/07/03 Python
HTML5实现文件断点续传的方法
2017/01/04 HTML / CSS
澳大利亚新奇小玩意网站:Yellow Octopus
2017/12/28 全球购物
埃弗顿足球俱乐部官方网上商店:Everton Direct
2018/01/13 全球购物
选购国际女性时装设计师品牌:IFCHIC(支持中文)
2018/04/12 全球购物
Pretty You London官网:英国拖鞋和睡衣品牌
2019/05/08 全球购物
工人先锋号事迹材料
2014/12/24 职场文书
小学生思想品德评语
2014/12/31 职场文书
碧霞祠导游词
2015/02/09 职场文书
同学聚会致辞集锦
2015/07/28 职场文书
趣味运动会广播稿
2015/08/19 职场文书
幼儿园开学家长寄语(2016秋季)
2015/12/03 职场文书