<!--[if IE]>的作用是什么
<!--[if !IE]>除IE外都可识别<!--<![endif]--> <!--[if IE]> 所有的IE可识别 <![endif]--> <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]--> <!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]--> <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![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 lte IE 6]>……<![endif]-->
以上代码可以看出,此语法格式就是一个判断语句,用来判断在不同的IE浏览器版本下执行不同的代码。
名称解释:
lte:就是Less than or equal to的简写,也就是小于或等于的意思。
lt :就是Less than的简写,也就是小于的意思。
gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
gt :就是Greater than的简写,也就是大于的意思。
! :就是不等于的意思,跟javascript里的不等于判断符相同
语法格式:
<!--[if IE]>这里是正常的html代码<![endif]-->
特别说明:
1.此结构除IE浏览器以外的浏览器都会当做html注释处理,不会进行解析。
2.此结构只能够用在html结构中,不能写在CSS代码中进行判断。
实例代码:
<style type="text/css"> body{ background-color:#000; } </style> <!--[if IE]> <style type="text/css"> body{ background-color:#F00; } </style> <![endif]-->
以上代码是正确的,但是不能够写为以下形式:
<style type="text/css"> body{ background-color:#000; } <!--[if IE]> body{ background-color:#F00; } <![endif]--> </style>
转载自 :http://www.softwhy.com/article-651-1.html
在很多网页的代码中可能会发现类似标题中的代码,但是它们呈现灰色,如果学过一点编程语言,它们看上去像是一个判断语句,下面就来介绍一下它们的用法,希望能够给需要的朋友带来一定的帮助。
因为IE浏览器版本众多,这种产生的众多的兼容性问题,因而它的出现也是对此问题的一种解决方案。
先看一串实例:
[HTML] 纯文本查看 复制代码
01
02
03
04
05
06
07
08
09
10
11
12
|
<!--[if !IE]>除IE外都可识别<!--<![endif]--> <!--[if IE]> 所有的IE可识别 <![endif]--> <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]--> <!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]--> <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![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 lte IE 6]>……<![endif]--> |
以上代码可以看出,此语法格式就是一个判断语句,用来判断在不同的IE浏览器版本下执行不同的代码。
名称解释:
[HTML] 纯文本查看 复制代码
1
2
3
4
5
|
lte:就是Less than or equal to的简写,也就是小于或等于的意思。 lt :就是Less than的简写,也就是小于的意思。 gte:就是Greater than or equal to的简写,也就是大于或等于的意思。 gt :就是Greater than的简写,也就是大于的意思。 ! :就是不等于的意思,跟javascript里的不等于判断符相同 |
语法格式:
[HTML] 纯文本查看 复制代码
1
|
<!--[if IE]>这里是正常的html代码<![endif]--> |
特别说明:
1.此结构除IE浏览器以外的浏览器都会当做html注释处理,不会进行解析。
2.此结构只能够用在html结构中,不能写在CSS代码中进行判断。
实例代码:
[HTML] 纯文本查看 复制代码
01
02
03
04
05
06
07
08
09
10
11
12
|
< style type = "text/css" > body{ background-color:#000; } </ style > <!--[if IE]> <style type="text/css"> body{ background-color:#F00; } </style> <![endif]--> |
以上代码是正确的,但是不能够写为以下形式:
[HTML] 纯文本查看 复制代码
01
02
03
04
05
06
07
08
09
10
|
< style type = "text/css" > body{ background-color:#000; } <!--[if IE]> body{ background-color:#F00; } <![endif]--> </ style > |
作者:胡倩倩0903
本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。
posted on 2019-11-21 11:14 kitty20180903suzhou 阅读(656) 评论(0) 编辑 收藏 举报
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY