如何在 HTML 代码中添加注释？

在本文中，我们将学习如何在 HTML 代码中添加注释。让我们深入了解本文，以便更好地理解如何在 HTML 代码中添加注释。

要向 HTML 代码添加注释，请使用注释标签（<!-- 注释 -->）。这是一个良好的编码实践，这样编码人员和阅读代码的人都可以从理解代码的帮助中受益。它有助于理解复杂代码的步骤。在调试代码时，注释标签非常有用。

  • 这是一段简单的代码，网页浏览器会将其删除（忽略），这意味着它们不会显示。

  • 理解一段代码的目的，尤其是在复杂的源代码中，对编码人员和读者都有帮助。

语法

以下是 HTML 中注释的语法

<!-- Comments here -->

让我们考虑以下示例，以清楚地了解如何在 HTML 代码中添加注释。

单行注释

单行注释位于 (<!-- 注释 -->) 标签内。

让我们看看下面的例子

示例

在以下示例中，我们使用单行注释。

<!DOCTYPE html>
<html>
<body>
   <!--This is heading Tag, It wont be displayed by browser -->
   <h1>TutorialsPoint</h1>
   <!--This is paragraph tag,it won't be displayed by browser -->
   <p>The Best E-Way Learning</p>
</body>
</html>

当脚本执行时，它将生成一个输出，在网页上显示文本，不包括注释。

多行注释

语法 (<!-- -->) 可用于指定多行。从本质上讲，它与单行注释的语法相同；唯一的区别是，当目标注释行结束时，会附加注释的第一部分（"-->"）。

示例

考虑以下示例，我们在其中使用多行注释标签。

<!DOCTYPE html>
<html>
   <body>
      <!-- This isheading tag -->
      <h1>MSD</h1>
      <!-- This is multi-linecomment tag -->
      <h2>The Best Finisher</h2>
   </body>
</html>

运行以上脚本后，它将生成一个输出，其中包含脚本中使用的文本，显示在网页上。

使用 <comment> 标签

HTML "注释" 标签曾经存在，但当前没有浏览器支持它。

示例

查看以下示例，我们在其中使用<comment>标签。

<!DOCTYPE html>
<html>
   <body>
      <comment>Heading tag</comment>
      <h1>DUCATI</h1>
      <comment>Paragraph tag</comment>
      <h2>The Fastest Bike</h2>
   </body>
</html>

当脚本执行时，它将生成一个输出，在网页上显示代码中使用的文本以及标签使用的注释，因为现代浏览器不支持它。

更新于： 2022-12-15

686 次浏览

开启您的 职业生涯

通过完成课程获得认证

开始学习
广告