条件注释

下面是条件注释的语法

  1. gt /Greater than/大于/<!--[if gt IE 5.5]>
  2. gte /Greater than or equal to/大于等于/<!--[if gte IE 5.5]>
  3. lt /Less than/小于/<!--[if lt IE 5.5]>
  4. lte /Less than or equal to/小于等于/<!--[if lte IE 5.5]>
  5. ! /Note/不等于/<!--[if !IE 5.5]>

浏览器的条件注释理论,用下面一段例子来解释这个问题

(X)HTML

下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

</head>

<body>

下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果

<!--[if IE]>

<h1>您正在使用IE浏览器</h1>

<![endif]-->

<!--[if IE 5]>

<h1>版本 5</h1>

<![endif]-->

<!--[if IE 5.0]>

<h1>版本 5.0</h1>

<![endif]-->

<!--[if IE 5.5]>

<h1>版本 5.5</h1>

<![endif]-->

<!--[if IE 6]>

<h1>版本 6</h1>

<![endif]-->

<!--[if IE 7]>

<h1>版本 7</h1>

<![endif]-->

</body>

</html>

提示:你可以先修改部分代码再运行。

下面的代码是在非IE浏览器下运行的条件注释

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

</head>

<body>

<!--[if !IE]><!-->

<h1>您使用不是 Internet Explorer</h1>

<p>

<!--<![endif]-->

最终在非IE和特殊的IE浏览器下起作用

(或者使用 lte lt 或者 gt gte来判断,如:<br />

&lt;!--[if lte IE 6]&gt;<br />

在IE 6下显示的信息<br />

&lt;![endif]--&gt;

<!--[if lte IE 6]>

在IE 6下显示的信息

<![endif]-->

).

<!--[if IE 6]><!-->

</p>

<h1>您正在使用Internet Explorer version 6<br />

或者 一个非IE 浏览器</h1>

<!--<![endif]-->

</body>

</html>

提示:你可以先修改部分代码再运行。

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏章鱼的慢慢技术路

在Linux下使用gcc编译mesa文件报undefined reference to symbol 'sin@@GLIBC_2.2.5和DSO missing from command line两个

在Ubuntu下安装好mesa所需的库文件,将目标文件从github上克隆下来之后编译。

821
来自专栏冷冷

微信JS-SDK 注入权限验证配置

wx.config({     debug: true, // 开启调试模式,建议开发时开启     appId: '${appId}',      //注意 ...

2176
来自专栏狂码一生

linux系统挂载磁盘、卸载磁盘、磁盘分区

一、挂载磁盘     1.查看磁盘列表、查看是否有硬盘未被挂载:     >fdisk -l ?     可以看到/dev/sdb硬盘没有被挂载。     2....

9389
来自专栏漫漫全栈路

node.js 学习笔记

node.js学习笔记 最近一直在折腾前端,为了方便前端学习,所以打算顺带捡一下之前看过一点的node.js,也就顺手MarkDown一个学习笔记。 no...

3967
来自专栏ml

安装Python时遇到如下问题,解决方案

~$ sudo apt-get install python-pip 正在读取软件包列表... 完成 正在分析软件包的依赖关系树 正在读取状态信息...

3068
来自专栏Hongten

博客园_插入代码(推荐)_按钮功能实现_代码高亮显示

=============================================================

1432
来自专栏技术碎碎念

Http请求与响应

Http协议对浏览器发出的Request格式以及对Web服务器发出的Response格式有具体的规定。 请求部分由三部分组成: Requset line:请求...

2556
来自专栏大数据杂谈

Windows下python2和3共存问题

在学习python的过程中,有人推荐2,也有人推荐3。但是,不管选择了哪一个版本,总是想着是否能2个版本同时安装并兼容使用呢? 真的可以吗? 答案是肯定的,完全...

2039
来自专栏蓝天

配置VIM语法高亮及自动缩进

原文:http://blog.sina.com.cn/s/blog_601331150100gjmk.html

974
来自专栏全华班

“码码”再也不用担心我的代码被反编译了!

自己辛辛苦苦写出来的代码,被别人无情的反编译了怎么办? ? 一、背景 Java是一种跨平台的、解释型语言,Java源代码编译成中间“字节码”存储...

5046

扫码关注云+社区