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>

列印頁面