【HTML】根据不同的浏览器类型写不同的HTML代码

来源：互联网发布：淘宝装修工具v4.0 编辑：程序博客网时间：2024/05/16 07:20

没有jQuery与javascript等脚本，直接在HTML代码中，也是可以，要求不同的浏览器执行不同的HTML代码。

这里利用到IE注释。

比如如下代码：

<html><body>    <!--[if lte IE 7]>        <h1>根据条件判断，这是版本小于等于7的Internet Explorer<br /></h1>    <![endif]-->    <!--[if gt IE 7]>        <h5>根据条件判断，这是版本大于7的Internet Explorer<br /></h5>    <![endif]-->    <!--[if !IE]>-->        这不是Internet Explorer    <!--<![endif]--></body></html>

在不同的浏览器版本出来的效果如下：

这里的IE注释，是类似的对子。<![endif]-->是不变的。

其中的lte意为小于等于，gt则是大于不等于。

比如你写成就是大于IE7的IE浏览器执行，IE注释里面的代码。

一般来说对代码的写作以IE7为界限就好。

当然，我们习惯性地认为大于IE7就是包括谷歌、火狐等浏览器，实质不是，这里浏览器还要利用<![endif]-->去判断。

同时，这样的IE注释，大量用于JS与CSS文件的引用。

比如常见的：

<!--[if lt IE 9]>    <script src='jquery-1.9.0.js'></script><![endif]--><!--[if gte IE 9]>    <script src='jquery-2.0.0.js'></script><![endif]--><!--[if !IE]>-->    <script src='jquery-2.0.0.js'></script><![endif]-->

就是在IE6、IE7、IE8使用Jquery1.9，大于这些版本的，则使用Jquery2.0.

0 0