如何在 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 次瀏覽

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.