关于条件注释的几个实例代码

关于条件注释的几个实例代码

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

(X)HTML

下面一段代码是测试在微软的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]–>

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

<!–[if !IE]><!–>

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

<!–<![endif]–>

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

(或者使用 lte lt 或者 gt gte来判断,如:

<!–[if lte IE 6]>

在IE 6下显示的信息

<![endif]–> 

).

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

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

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

<!–<![endif]–>

From:http://www.cssplay.co.uk/menu/conditional.html

预览模型

上面提到了条件注释,就是判断浏览器类型,然后定义什么浏览器下显示什么内容。

这个dropmenu(下拉菜单)模型来自cssplay,使经过作者多次的研究和反复的测试才做出来的。我想那这个模型来实践一下条件注释的原理。

先看一个最简单的模型

下面是xhtm

<div class=”menu”>

<ul>

<li><a class=”drop” href=”../menu/index.html”>DEMOS

<!–[if IE 7]><!–>

</a>

<!–<![endif]–>

<!–IE7时显示</a>标签–>

<table><tr><td>

<ul>

<li><a href=”../menu/zero_dollars.html” title=”The zero dollar ads page”>zero dollars advertising page</a></li>

第 1 2 3 页

关于条件注释的几个实例代码

相关文章:

你感兴趣的文章:

标签云: