HTML注释

HTML 注释用于在网页中插入备注。例如：

<!-- heading 2 -->
<h2>Comments in HTML</h2>

这里，<!-- heading 2 --> 是一个注释。在 HTML 中，注释以 <!-- 开头，以 --> 结尾。

HTML 注释不会被浏览器显示。它们用于在代码中添加备注以供文档记录。例如：

<!-- an HTML div  -->
<div>
    <p>HTML is fun to learn.</p>
</div>

浏览器输出

这里，

<!-- an HTML div -->

是一个注释。因此，它不会显示在浏览器输出中。

为什么要使用 HTML 注释？

注释主要用于使我们的代码更具可读性。它们在网页中完全隐藏，只显示在代码中。

为代码添加注释是一个好习惯，因为它有助于我们表达代码的作用。如果您将来想要更改代码，它可以充当一个锚点。

在协作环境中，代码注释对其他开发人员也很有帮助。

注意：尽管浏览器不显示注释，但仍然可以使用浏览器的“查看源代码”功能查看注释。这就是为什么我们不能在注释中添加敏感信息的原因。

单行和多行注释

在 HTML 中，我们使用相同的语法创建单行和多行注释。

单行注释

<!-- Write a heading -->
<h1>Important Heading</h1>

多行注释

 <!-- Multiple Line comments 
 can include line breaks 
 and also extra     spaces -->
  
 <p>this will display in the webpage</p>

注释中的 HTML 标签

如果我们将 HTML 元素放在注释中，它们将被忽略。例如：

  <p>this will be displayed</p>

  <!-- <p>this will not be displayed</p> -->

  <p>this will also be displayed</p>

浏览器输出

HTML 注释的键盘快捷键

大多数代码编辑器（包括 Programiz 的在线 HTML 编辑器）都有用于注释代码的键盘快捷键。

通常，大多数代码编辑器使用 Ctrl + /（在 Windows 或 Linux 上）和 Cmd + /（在 Mac 上）来创建注释。

我们鼓励您记住这些快捷键，因为注释经常用于添加额外信息以及临时删除某些代码。