HTML - 注释

HTML 注释 是不可执行的代码行，不会显示在网页上，用于添加注释或解释。在 HTML 代码中添加注释是一个好习惯，尤其是在复杂的文档中，用于指示文档的各个部分以及任何其他注释，供查看代码的任何人参考。

HTML 注释 完全被 Web 浏览器忽略，因此不会影响页面的外观或功能。

HTML 注释 可以帮助您和其他人理解您的代码，提高代码的可读性，并放置在  标记之间。因此，任何使用  标记放置的内容都将被视为注释，并且浏览器会完全忽略它。

HTML 注释示例

这是一个 HTML 注释的示例

<!DOCTYPE html>
<html>
<head>
   <!-- Document Header Starts -->
   <title>This is document title</title>
</head>
<!-- Document Header Ends -->
<body>
   <p>Document content goes here.....</p>
</body>
</html>

如果您运行上述程序，它将显示句子“文档内容在此处.....”，而忽略作为注释一部分给出的内容。

有效与无效注释

HTML 中的注释有一些规则需要遵循。以下是规则列表 -

注释不支持嵌套，这意味着注释不能放在另一个注释内部。
在注释中不能有“--”序列，除非用于关闭它。
您还必须确保注释开始字符串中没有空格。

示例

此处，给定的注释是有效注释，浏览器会将其删除。

<!DOCTYPE html>
<html>
<head>
   <title>Valid Comment Example</title>
</head>
<body>
   <!--   This is valid comment -->
   <p>Document content goes here.....</p>
</body>
</html>

但是，以下行不是有效注释，浏览器会显示它。这是因为左尖括号和感叹号之间有一个空格。

<!DOCTYPE html>
<html>
<head>
   <title>Invalid Comment Example</title>
</head>
<body>
   < !--   This is not a valid comment -->
   <p>Document content goes here.....</p>
</body>
</html>

多行注释

您可以通过特殊的开始标记  来注释多行，分别放在第一行和最后一行末尾，如下面的示例所示。

示例

<!DOCTYPE html>
<html>
<head>
   <title>Multiline Comments</title>
</head>
<body>
   <!--
      This is a multiline comment and it can
      span through as many as lines you like.
   -->
   <p>Document content goes here.....</p>
</body>
</html>

条件注释

条件注释是 Windows 上 Internet Explorer (IE) 的一项特定功能，但其他浏览器会忽略它。它们从 Explorer 5 开始受支持，您可以使用它们为不同版本的 IE 提供条件指令。

示例

<!DOCTYPE html>
<html>
<head>
   <title>Conditional Comments</title>
   <!--[if IE 6]>
      Special instructions for IE 6 here
   <![endif]-->
</head>
<body>
   <p>Document content goes here.....</p>
</body>
</html>

当您需要根据 Internet Explorer 的不同版本应用不同的样式表时，可以使用这些标记；在这种情况下，条件注释将非常有用。

使用 <comment> 标记进行注释

有一些浏览器支持 <comment> 标记来注释 HTML 代码的一部分。

示例

<!DOCTYPE html>
<html>
<head>
   <title>Using Comment Tag</title>
</head>
<body>
   <p>This is <comment>not</comment> Internet Explorer.</p>
</body>
</html>

注释脚本代码

如果 HTML 文档包含 JavaScript 或 VbScript，并且您在浏览器上打开此页面，则某些旧版本的浏览器可能无法正常工作。建议将该脚本代码放在正确的 HTML 注释中，以便旧版浏览器可以正常工作。

示例

<!DOCTYPE html>
<html>
<head>
   <title>Commenting Script Code</title>
   <script>
      <!-- document.write("Hello World!") -->
   </script>
</head>
<body>
   <p>Hello , World!</p>
</body>
</html>

注释样式表

要注释 <style> 标记内的 CSS 脚本，我们需要使用 /* 符号作为起始点，使用 */ 符号作为结束点。

示例

<!DOCTYPE html>
<html>
<head>
   <title>Commenting Style Sheets</title>
   <style>
      /* commenting in stylesheet 
         .example {
         border: 1px solid #4a7d49;
      } */
   </style>
</head>
<body>
   <div class="example">Hello , World!</div>
</body>
</html>

打印页面