• :绿叶现版本暂时不再更新维护,全新版本已经在开发中,新系列图书(暂时8本,后面再续)也将于12月后陆续出版,敬请期待~

3.4 HTML注释

一、HTML注释简介

在编写HTML代码时,我们经常要在一些关键代码旁做一下注释,这样做的好处很多,比如:方便理解、方便查找或方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码进行修改。

语法:

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

说明:

“<!--”表示注释的开始,“-->”表示注释的结束。

举例:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <title></title>
    </head>
    <body>
        <h6>静夜思</h6>                     <!--标题标签-->
        <p>床前明月光,疑是地上霜。</p>     <!--文本标签-->
        <p>举头望明月,低头思故乡。</p>     <!--文本标签-->
    </body>
</html>

我们把上面那一段代码复制到Visual Studio中,可以看出注释的代码颜色跟其他代码的颜色都不一样,注释的代码是浅绿色。

HTML注释
HTML注释

在浏览器预览效果如下:

HTML代码注释

说明:

大家可以看到,用”<!---->”注释的内容不会显示在浏览器中。注释标签用于在源代码中插入注释,注释的内容不会显示在浏览器中。对关键代码进行注释,有助于你以后看懂你当时编写的源代码。

对关键代码的注释是一个良好的习惯。在个人经验中,在开发网站或者功能模块开发时,代码的注释尤其重要。因为那个时候的代码往往都是几百上千行,你要是不对关键的代码进行注释,往往你自己都会觉得头晕,甚至看不懂自己当时写的代码。这样的感受,大家在以后开发中自己会感受得到。

二、Visual Studio中的注释方式

在Visual Studio中,除了以上的注释方式,还有一种Visual Studio专属的注释方式。

语法:

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

说明:

“<%--”表示注释的开始,“--%>”表示注释的结束。

举例:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <h6>静夜思</h6>                     <%--标题标签--%>
    <p>床前明月光,疑是地上霜。</p>     <%--文本标签--%>
    <p>举头望明月,低头思故乡。</p>     <%--文本标签--%>
</body>
</html>

我们把上面那一段代码复制到Visual Studio中,效果如下:

Visual Studio中的HTML注释
HTML在Visual Studio的注释

在浏览器预览效果如下:

HTML注释

注意,HTML注释方式“<!--注释内容-->”是在任何网页编辑器都适用,而上面的这种注释方式“<%--注释的内容--%>”只限于Visual Studio中使用。

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

小伙伴们也可以加一下QQ群,在“群文件”中可以获取更多学习资源和配套资源,以及跟其他小伙伴交流,站长也在群内。

(1)QQ群:593173594(暗号:lvye

(2)绿叶学习网常见问题解答

回到顶部