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 相关文章推荐
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
Dec 28 HTML / CSS
使用Filters滤镜弥补CSS3的跨浏览器问题以及兼容低版本IE
Jan 23 HTML / CSS
css3 伪类选择器快速复习小结
Sep 10 HTML / CSS
html5使用Canvas绘图的使用方法
Nov 21 HTML / CSS
canvas实现飞机打怪兽射击小游戏的示例代码
Jul 09 HTML / CSS
详解HTML5 canvas绘图基本使用方法
Jan 29 HTML / CSS
HTML5+CSS3应用详解
Feb 24 HTML / CSS
HTML5 canvas标签实现刮刮卡效果
Apr 24 HTML / CSS
利用HTML5 Canvas API绘制矩形的超级攻略
Mar 21 HTML / CSS
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
Oct 16 HTML / CSS
html5 datalist 选中option选项后的触发事件
Mar 05 HTML / CSS
css清除浮动clearfix:after的用法详解(附完整代码)
May 21 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
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
PHP取二进制文件头快速判断文件类型的实现代码
2013/08/05 PHP
PHP Opcache安装和配置方法介绍
2015/05/28 PHP
一个选择最快的服务器转向代码
2009/04/27 Javascript
编写高性能的JavaScript 脚本的加载与执行
2010/04/19 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
2011/01/06 Javascript
javascript实现信息的显示和隐藏如注册页面
2013/12/03 Javascript
a标签click和href执行顺序探讨
2014/06/23 Javascript
jQuery晃动层特效实现方法
2015/03/09 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
2015/03/12 Javascript
jquery实现图片水平滚动效果代码分享
2015/08/26 Javascript
纯JS代码实现隔行变色鼠标移入高亮
2016/11/23 Javascript
jQuery插件ajaxFileUpload使用详解
2017/01/10 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
2017/05/17 Javascript
关于webpack代码拆分的解析
2017/07/20 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
2018/10/09 Javascript
浅谈Vuex注入Vue生命周期的过程
2019/05/20 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
2020/06/04 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
python3使用smtplib实现发送邮件功能
2018/05/22 Python
python机器学习实现决策树
2019/11/11 Python
Python hashlib加密模块常用方法解析
2019/12/18 Python
解决Python列表字符不区分大小写的问题
2019/12/19 Python
Django数据库操作之save与update的使用
2020/04/01 Python
Python批量将图片灰度化的实现代码
2020/04/11 Python
怎么写好自荐信
2013/10/30 职场文书
信息技术培训感言
2014/03/06 职场文书
《春雨》教学反思
2014/04/24 职场文书
消防标语大全
2014/06/07 职场文书
2015年语文教学工作总结
2015/05/25 职场文书
敬老院活动感想
2015/08/07 职场文书
聊聊JS ES6中的解构
2021/04/29 Javascript
Python中requests做接口测试的方法
2021/05/30 Python
webpack介绍使用配置教程详解webpack介绍和使用
2022/06/25 Javascript