IE兼容性标签和条件注释
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=10,IE=9,IE=8" />
<title>无标题文档</title> </head>
<body> </body>
</html>
上文是一个简单的HTML文件里面的代码，下面我们来分析一下元信息中的 X-UA-Compatible
<meta http-equiv="X-UA-Compatible" content="IE=10,IE=9,IE=8" />
上面这段代码的意思是强制开启兼容性视图，即以IE10、IE9、IE8的文档模式来解析，高于IE10时候以IE10来解析，低于IE8时候以原始版本解析。
在几乎没有用到IE新特性的时候直接把兼容性开到最低，比如需要兼容IE10、9、8的时候直接强制兼容性视图为IE8。而下面的情况下如果是IE10则以IE10解析，IE9则以IE8解析，可以发现标签中处于IE10和IE8之间的9被剔除掉了。
<meta http-equiv="X-UA-Compatible" content="IE=10,IE=8" />
在公司项目开发插件的过程中，由于公司有大华的相机设备，我也用了一下，发现在IE11下面无法正常使用，手动F12将兼容性视图调整为IE10，又可以正常使用。
不过开发的时候又有谁能提前想到IE11已经走向标准化，而不再是简单的IE内核，这里不再去深论这个话题。
讲讲第二个话题IE条件注释(IE5引入，目前IE10及10以上的版本不再支持条件注释)
由于我的IE已经是11的版本了，这里并没有对条件注释进行详细的测试，内容参考于《JavaScript权威指南6》第13章。有兴趣的朋友可以自己去测试。
html注释:
<!--[if IE 11]>
</br>this is ie11
<![endif]--> <!--[if gte IE 7]>
</br>this is >= ie7
<![endif]--> <!--[if IE]>
</br>this is IE
<![endif]--> <!--[if !IE]> <-->
!IE
<!--> <![endif]-->
javascript注释：
<script type="text/javascript">
/*@cc_on
@if (@_jscript)
// 该代码位于一条JS朱室内但在IE中执行它
alert('In IE');
@end
@*/ /*@cc_on
@if (@_jscript)
// 该代码位于一条JS朱室内但在IE中执行它
alert('In IE');
@else*/
alert('is not in IE');
/*@end
@*/
</script>
在非IE下 弹出消息框 is not in IE，在IE下则弹出了对话框 In IE。这里用到了能力检测
'@_jscript'
是IE的javascipt解释器，总是为true(脚本中变量都能转换为0或1，true or false，表示存在这个变量，存在这种能力)
建议开发者在开发过程中尽量用能力检测代替浏览器检测。
IE兼容性标签和条件注释的更多相关文章
- IE条件注释详解
IE条件注释是微软从IE5开始就提供的一种非标准逻辑语句,作用是可以灵活的为不同IE版本浏览器导入不同html元素,如:样式表,html标签等.很显然这种方法的最大好处就在于属于微软官方给出的兼容解决 ...
- IE中的条件注释(转载自网络)
IE条件注释是微软从IE5开始就提供的一种非标准逻辑语句,作用是可以灵活的为不同IE版本浏览器导入不同html元素,如:样式表,html标签等.很显然这种方法的最大好处就在于属于微软官方给出的兼容解决 ...
- 关于IE条件注释（译）
本文翻译自此篇文章.翻译纯属业余. 许多网站为了确保他们的站点能够在不同的浏览器上有不同的显示效果而使用特征检测,一些传统的网站使用其他技术,诸如在服务器或客户端上使用脚本去检测浏览器类型.在这里我们 ...
- HTML的条件注释和hack技术
在很多时候,前端的兼容性问题,都很让人头痛!幸运的是,微软从去年声明:从2016年1月12日起,微软将停止为IE8(包括IE8)提供技术支持和安全更新.整个前端圈子都沸腾起来,和今年七月份Adobe宣 ...
- HTML的条件注释及hack技术
在很多时候,前端的兼容性问题,都很让人头痛!幸运的是,微软从去年声明:从2016年1月12日起,微软将停止为IE8(包括IE8)提供技术支持和安全更新.整个前端圈子都沸腾起来,和今年七月份Adobe宣 ...
- JScript中的条件注释详解（转载自网络）
JScript中的条件注释详解-转载 这篇文章主要介绍了JScript中的条件注释详解,本文讲解了@cc_on.@if.@set.@_win32.@_win16.@_mac等条件注释语句及可用于条件编 ...
- 关于HTML条件注释你可能不知道的一些事儿
最近经常看到类似这样的HTML代码片段,很多前端开发人员应该都熟悉: 1 <!--[if lt IE 7]> <html class="ie6"> ...
- HTML在IE中的条件注释
HTML在IE中的条件注释 HTML的条件注释在IE5中被首次引入,直到IE9.一直都是简单地判定用户浏览器(IE,非IE,IE版本)的一种手段,而在IE10的标准模式下,条件注释功能被停止支持(兼容 ...
- <! [if IE 神奇的条件注释 ]>
早上起来无聊,看到某学长发的一张代码截图有条件注释,正好,研究一下. 条件注释: 在IE中用来区分IE版本.是否为IE的代码神器! 在其他的浏览器里是不好使的. 不过也值得了,IE都区分出来了,其他的 ...
随机推荐
- Java语言实现简单FTP软件------>FTP软件效果图预览之上传功能（三）
下面展示一下上传功能的过程 1.上传前 上传前选择好要将文件或文件夹上传到远程FTP服务器的哪个目的目录下. 2.上传中 添加上传任务 上传任务完成进度显示 3.上传完成 ============== ...
- 微信支付：redirect_uri参数错误 的解决办法
redirect_url参数错误: 报这个错误,说明你的公众号后台授权设置有问题(一般有两处) 一:检查授权目录 答:支付授权目录是网站发起请求的页面所在目录,并且必须是能通过url地址访问的(与真实 ...
- C#自定义Attribute值的获取与优化
C#自定义Attribute值的获取是开发中会经常用到的,一般我们的做法也就是用反射进行获取的,代码也不是很复杂. 1.首先有如下自定义的Attribute [AttributeUsage(Attri ...
- css中的颜色值
下面是比较适合在测试页面中用来设置背景颜色的淡颜色,最好记住一些,dark.blue.red.green.gray.olive颜色较深.
- windows下配置lamp环境(5)---配置MySQL5.6
开始配置mysql 1.创建配置文件my.ini 1.进入C:\wamp\MySQL 2.把my-default.ini 另存一份:my.ini 3.开始编辑mysql的配置文件,打开my ...
- Android-4
显式Intent 隐式Intent Intent过滤器相关选项 通过浏览器链接启动本地Activity
- 字符串时间日期转为Date格式和long格式
public static Long compare_date(String DATE1, String DATE2) { DateFormat df = new SimpleDateFormat(& ...
- 最近用的几个sql语句
都在sqlserver数据库下操作,注意sqlserver与mysql和oracle的语法区别 用惯了mysql 和oracle,突然改用sqlserver,有诸多的不习惯,诸多的坑爹,好多的坑,一一 ...
- ubuntu14.04 + cocos2d-x-2.2.6 + eclipse发布android + Qt Creator4
先把需要的东西准备好,打开控制台,执行以下语句: sudo apt--jdk lib32z1 lib32ncurses5 lib32bz2- 接下来,准备好cocos2d-x-2.2.6和 andro ...
- POJ 2392 Space Elevator 背包题解
多重背包.本题不须要二分优化.相对简单点.由于反复数十分小,小于10. 而添加一个限制每种材料的高度做法.假设使用逆向填表,那么仅仅须要从这个高度往小递归填表就能够了. 还有就是注意要排序,以限制高度 ...