HTML注释简介

HTML注释简介

 

 

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

语法:

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

说明:

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

举例:

1
2
3
4
5
6
7
8
9
10
<html xmlns="网页链接>
        <head>

            <title></title>

    </head>
    <body>

        <h6>静夜思</h6

                    <!--标题标签-->

        <p>床前明月光,

疑是地上霜。</p>     <!--文本标签-->

        <p>举头望明月,

低头思故乡。</p>     <!--文本标签-->

    </body>
</html>

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

HTML注释

在浏览器预览效果如下:

HTML代码注释

说明:

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

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

二、Visual Studio中的注释方式

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

语法:

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

说明:

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

举例:

1
2
3
4
5
6
7
8
9
10
<html xmlns="网页链接>
<head>
    <title></title>
</head>
<body>

    <h6>静夜思</h6

                    <%--标题标签--%>

    <p>床前明月光,疑是地上霜。</p>

     <%--文本标签--%>

    <p>举头望明月,低头思故乡。</p>

     <%--文本标签--%>

</body>
</html>

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

Visual Studio中的HTML注释

在浏览器预览效果如下:

HTML注释

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

    

posted @ 2015-12-26 13:28  浅谈-  阅读(369)  评论(0编辑  收藏  举报