视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
关于HTML中的代码注释
2020-11-27 15:25:48 责编:小OO
文档

本文主要为大家分享一篇关于HTML中的代码注释的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧。

HTML注释

在HTML代码中,<!-- 和 -->标签之间的文本是文档的注释,注释的内容不会被显示在浏览器页面上。只有在文本编辑器中,或浏览器的“查看源代码”选项打开文档时,才能看到注释。

HTML中的注释有两种类型,一种是HTML代码注释,一种是IE条件注释。

1、HTML代码注释

在一个大文档中,通过注释来标明区块的开始合结束的位置,可以方便查找,也可以通过注释来阻止某些内容显示。

当编写了大量代码时,对关键代码进行注释是一个良好的习惯,通过注释来说明某段代码的意图,有助于提醒自己或需要在这个网站上工作的其他人,了解这段代码的作用。

使用注释来隐藏脚本,也是一个良好的习惯,这样一来,不支持脚本的浏览器就不会把脚本作为纯文本显示出来。如:

<script type="text/javascript">
<!--
function displayMsg() {
 alert("Hello World!")
}
//-->
</script>

2、IE条件注释

IE条件注释(Conditional comments),是IE浏览器对HTML代码注释的一种扩展,它是一种非标准逻辑语句,可以灵活的为不同版本的IE导入不同html元素,如样式表、html标签等。

条件注释在IE5首次出现,并得到后续版本的支持,其语法就是一个普通的HTML注释,IE以外的浏览器会把它作为注释而忽略。因此,它能通过W3C的校验,也不会对其他浏览器造成影响。

条件注释的功能非常强大,可以进行 if 条件判断,并根据判断结果是true 或 false,来决定是否要解析条件注释里的内容。

条件判断以 <!--[if 条件]> 开始,以<![endif]-->结束,可以根据IE、非IE进行判断,还可以根据IE的版本号进行判断,版本号可以精确到小数点后4位。如:

<!--[if IE]> <![endif]--> /* 所有IE,无论哪个版本 */
<!--[if IE 6]> <![endif]--> /* 如果IE版本是6 */

条件判断中,还支持大于(gt: greater than)、小于(lt: less than)、大于等于(gte: greater than or equal)、小于等于(lte: less than or equal)、或(|)、与(&)、非(!)、括号。如:

<!--[if gt IE 6]> <![endif]--> /* 如果IE版本大于6 */
<!-- [if lte IE 9]> <![endif]--> / * 如果IE版本小于等于9 * /
<!--[if IE 6 | IE 7]> <![endif]--> /* 如果IE版本是6或7 */
<!--[if ! IE 5.5]> <![endif]--> /* 如果IE版本不是5.5 */
<!-- [if (gt IE 6) & (lte IE 9)]> <![endif]--> / * 如果IE版本大于6,且小于等于9 * /

借助条件注释,可以解决很多IE兼容性问题。如,IE9以下的版本不支持HTML5的新元素 header、nav、aside、footer等,而在Internet上存在大量的 html5shiv脚本可以解决该问题。只需下载相应的脚本,并在页面的头部,通过IE条件注释,让IE9以下的版本加载该脚本,就可以让这些老浏览器支持HTML5的新元素。

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

也可以使用同样的方法,来解决CSS的兼容性问题。如,IE6不支持一些CSS新特性,就可以专门针对IE6编写CSS文件,并只让IE6加载它:

<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" />
<![endif]-->

一个好消息是,从IE10版本开始,不再支持条件注释。这标志着IE从此走向成熟、走向标准,Web设计师再也不必为IE的兼容性问题所困扰了。

相关推荐:

下载本文
显示全文
专题