在实际开发中，我们需要在一些关键的HTML代码旁边标明一下这段代码是干什么，这个时候就要用到“HTML注释”了。

在HTML中，对一些关键代码进行注释，好处有非常多，比如方便理解、方便查找以及方便同一个项目组的小伙伴快速理解你的代码，以便快速修改。

语法：

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

说明：

<!---->又叫注释标签。<!--表示注释的开始，-->表示注释的结束。

举例：

在线测试
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>HTML注释</title>
</head>
<body>
    <h3>静夜思</h3>                     <!--标题标签-->
    <p>床前明月光，疑是地上霜。</p>       <!--文本标签-->
    <p>举头望明月，低头思故乡。</p>       <!--文本标签-->
</body>
</html>

在浏览器预览效果如下图所示：

分析：

从上面我们可以看出，用<!---->注释的内容不会显示在浏览器中。在HTML中，浏览器遇到HTML标签就会进行解释，然后显示HTML标签中的内容。但是浏览器遇到“注释标签”就会自动跳过，因此不会显示注释标签中的内容。或者我们可以这样理解，HTML标签是给浏览器看的，注释标签是给咱们“程序猿”看的。

为关键代码添加注释是一个良好的习惯。在实际开发中，对功能模块代码进行注释尤为重要。因为一个页面的代码往往都是几百上千行的，如果你不对关键代码进行注释，当翻回头去看自己写的代码时，都会看不懂，更别说团队开发了。不注释的后果是，当其他队友来维护你的项目时，需要花大量时间来理解你的代码，这样就把人家给坑惨了。

此外要说明的是，并不是每一行代码都要注释的。只有重要的、关键的代码才需去注释，这一点小伙伴们别误解了。