HTML5/CSS3/JavaScript技术大全
上QQ阅读APP看书,第一时间看更新

2.6 注释<!--.-->

页面中可以加入相关的说明、注释语句,便于源代码编写者对代码的检查与维护。这些注释语句并不会出现在浏览器的显示中。在HTML源代码适当的位置添加注释是很好的习惯,因为一旦代码过长,很可能连编写者最后都会产生混淆,适当的注释有助于对源代码的理解。

语法格式:

<!--注释的内容--> 

语法说明:

注释语句由前后两部分组成,前半部分由一个左尖括号、一个感叹号和两个连接符组成(<!--),后半部分由两个连接字符和右尖括号组成(-->)。包含在“<!--”和“-->”中的任何文字都会被当作注释,浏览器也不会去关注它,当然这些注释也不会被显示到浏览器界面中。

应用举例(comment.html):

<!DOCTYPE HTML> 
<html> 
<head> 
<title>页面注释标签</title> 
</head> 
<body> 
<!--这是注释,不会被显示--> 
    HTML5让网页更强大 
</body> 
</html> 

代码说明:

在以上代码中,加粗的部分表示为页面添加注释。

在Chrome浏览器中显示效果如图2-16所示。

47140-00-038-2.jpg

图2-16 注释的使用

从图中可以看出,注释并没有被显示出来。

IE还支持使用<comment>标签,该标签必须使用结束标签</comment>。该标签对Chrome等其他浏览器无效。

语法格式:

<comment>注释内容</comment> 

语法说明:

<comment>标签以<comment>开始,以</comment>结束。

应用举例(comment_ie.html):

<!DOCTYPE HTML> 
<html> 
<head> 
<title>页面注释标签</title> 
</head> 
<body> 
<comment> IE特有的注释</comment> 
    CSS让网页更漂亮 
</body> 
</html> 

代码说明:

在以上代码中,加粗的部分通过<comment>标签为页面添加注释。

在IE9中显示效果如图2-17所示。

47140-00-038-3.jpg

图2-17 comment注释

从图中可以看出注释的内容并没有显示。但是从 IE10 开始,已经不再支持<comment>标签。

提示:如果存在嵌套的注释,则在两个结束符号之间的文件将会被显示出来。因此不能在文档中使用嵌套注释。

注释内容对用户是看不见的,但仍可为程序所用。一个较好的做法是,将脚本以及样式写在注释里。这样一来,那些不支持脚本或样式的老式浏览器便不会将它们像纯文本一样在网页上显示出来。有关这方面的知识将会在CSS和JavaScript中介绍。