HTML条件注释判断浏览器及检验

<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->
<!--[if IE 8]> 仅IE8可识别 <![endif]-->
<!--[if IE 9]> 仅IE9可识别 <![endif]-->

lte:就是Less than or equal to的简写,也就是小于或等于的意思。 lt :就是Less than的简写,也就是小于的意思。 gte:就是Greater than or equal to的简写,也就是大于或等于的意思。 gt :就是Greater than的简写,也就是大于的意思。 ! :就是不等于的意思,跟javascript里的不等于判断符相同 Example:

加载CSS2
<!--[if lt IE 9]>
加载CSS1(可以把要重写的写在这里).
<![endif]-->
<!--[if lt IE 9]>
加载CSS1
<!--[else]>
加载CSS2
<![endif]-->

在IE10后,微软说不支持条件注释了,换句话说他也只能判断到IE9了、 如果想确定是不是能使用HTML5,光靠这个还是不严谨,虽然可以通过:

<!--[if lte IE 6]>我是版本号大于5小于等于6的IE!<![endif]-->
<!--[if IE 7]>我是IE 7!<![endif]-->
<!--[if IE 8]>我是IE 8!<![endif]-->
<!--[if IE 9]>我是IE 9!<![endif]-->
<!--[if gte IE 10]>你看不到我!<![endif]-->
<!--[if !(IE)]><!-->我是IE10或非IE浏览器!<!--<![endif]-->
<!--[if !IE]><!-->我是IE10或非IE浏览器!<!--<![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->ie9以上版本 或者 其它非IE浏览器!<!--<![endif]-->

这一方法来实现(理论上),实际上不是所有非IE浏览器都能支持HTML5(比如低版本的FF、Chrome)。 因此,jQuery和Modernizr给出了各自的方法。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏javascript趣味编程

MathJax实现在网页中植入数学公式

《传热学》相关小程序演示动画如下(其中下图1D非稳态导热计算发散,调小时间步长后重新计算,结果收敛!):

11310
来自专栏前端资源

Ant Design Vue引入Form组件样式不显示的解决方法

使用 vue-cli 安装 Ant Design Vue 的 Form 组件,发现不能用,组件样式不显示。

13020
来自专栏达达前端

面试题必备-web页面基础

html标签是由<>包围的关键词 html标签是成对出现的 有部分标签是没有结束标签的,叫单标签, 页面中所有的内容,都是要放在HTML标签中的

5610
来自专栏猫哥学前班

H5 游戏开发 1:Egret 文档有多难用

最近猫哥开始转行做游戏开发,主要的业务场景是 Hybrid H5 休闲游戏。作为游戏行业的新人,自然少不了一些精彩的技术预研和踩坑经历,今天开始挖个“H5 游戏...

11110
来自专栏即时通信与音视频

WEB端—HLS普通加密视频注意事项及常见问题

这篇文章是对加密过程中的细节及容易疏漏的地方进行补充和说明,在此之前,需要您对加密视频有一个大概了解,点击查看官方文档。

14330
来自专栏IT学习

小白如何区分HTML5开发和前端开发

近几年来随着移动互联网发展突飞猛进,越来越多的企业开始倾向移动互联网行业,在移动互联网行业中比较火热的当属HTML5开发。再加上HTML5相对于零基础的同学,是...

10720
来自专栏javascript趣味编程

[python从入门到放弃]安装Anaconda python求解方程(组)

1 https://www.anaconda.com/ 下载对应的anaconda安装包,一路下一步完成安装;

10510
来自专栏IT学习

零基础小白如何学习好web前端JS

Web前端入门相对简单、应用领域众多,是零基础学习IT开发的首选语言。不过在完成HTML+CSS的学习之后,很多同学都会被JS难倒——JS语法、JS数据类型、J...

7920
来自专栏javascript趣味编程

热传导问题的数值解法Edition4

关于本科《传热学》简单温度场数值求解,早先有2018年的视频: 一维常物性无内热源无穷大平板温度场数值模拟(基于基于HTML5编程)。2019年重新录...

6610
来自专栏猪圈子

搞定H5测试,让你面试不再受虐!

◆ 我们以往的APP是使用原生系统内核的,相当于直接在系统上操作,是我们传统意义上的软件,更加稳定。

5920

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励