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

htmlweb developmentfront end technology更新于 2024/8/11 15:08:17

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

要向 HTML 代码添加注释，请使用注释标签 (!— Comment—>)。这是一种良好的编码习惯，它有助于程序员和读者理解代码。它有助于理解复杂的代码步骤。代码调试时，注释标签非常有用。

注释是一段简单的代码，浏览器会将其清除(忽略)，也就是说，它们不会显示出来。
理解一段代码的用途，尤其是在复杂的源代码中，对程序员和读者都很有帮助。

语法

以下是 HTML 中注释的语法

<!-- 此处注释 -->

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

单行注释

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

让我们看看以下示例

示例

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

<!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"标签，但目前所有浏览器都不支持它。

示例

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

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

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