注釋是一段代碼,任何web瀏覽器都會忽略它。在HTML代碼中添加注釋(尤其是在複雜文檔中)是一種很好的做法,它可以指示文檔的各個部分,並向任何查看代碼的人添加任何其他注釋。注釋可以幫助您和其他人理解您的代碼並提高代碼的可讀性。
HTML注釋放在<之間;!-- ... -->標記。所以,任何與in<一起放置的內容;!-- ... -->標記將被視爲注釋,瀏覽器將完全忽略。
Example
<!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>
這將產生以下結果,而不顯示作爲注釋一部分的內容;
Valid vs Invalid Comments
注釋不嵌套,這意味著不能將注釋放入另一個注釋中。其次,除了作爲結束標記的一部分外,雙短劃線序列「-」可能不會出現在注釋中。還必須確保注釋字符串的開頭沒有空格。
Example
在這裡,給定的注釋是有效的注釋,將被瀏覽器清除。
<!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>
這將產生以下結果&負;
Multiline Comments
到目前爲止,我們已經看到了單行注釋,但是HTML也支持多行注釋。
您可以通過特殊的開始標記對多行進行注釋<!--以及結束標記-->放在第一行之前和最後一行的末尾,如下面的示例所示。
Example
<!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>
這將產生以下結果&負;
Conditional Comments
條件注釋僅在Windows上的Internet Explorer(IE)中有效,但其他瀏覽器會忽略它們。從Explorer 5開始支持它們,您可以使用它們爲不同版本的IE提供條件指令。
Example
<!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應用不同的樣式表,在這種情況下,條件注釋將非常有用。
Using Comment Tag
很少有瀏覽器支持<comment>標記來注釋HTML代碼的一部分。
注意−HTML5中不推薦使用的<注釋>標記。不要使用此元素。
Example
<!DOCTYPE html> <html> <head> <title>Using Comment Tag</title> </head> <body> <p>This is <comment>not</comment> Internet Explorer.</p> </body> </html>
如果您使用IE,那麼它將產生以下結果&負;
但如果你不使用IE,那麼它將產生以下結果&負;
Commenting Script Code
儘管您將在單獨的教程中學習使用HTML的Java Script,但這裡必須注意,如果您在HTML代碼中使用Java腳本或VB腳本,建議將該腳本代碼放在適當的HTML注釋中,以便舊瀏覽器能夠正常工作。
Example
<!DOCTYPE html> <html> <head> <title>Commenting Script Code</title> <script> <!-- document.write("Hello World!") //--> </script> </head> <body> <p>Hello , World!</p> </body> </html>
這將產生以下結果&負;
Commenting Style Sheets
雖然您將在單獨的教程中學習如何將樣式表與HTML一起使用,但這裡必須注意,如果您在HTML代碼中使用層疊樣式表(CSS),則建議將該樣式表代碼放在適當的HTML注釋中,以便舊瀏覽器能夠正常工作。
Example
<!DOCTYPE html> <html> <head> <title>Commenting Style Sheets</title> <style> <!-- .example { border:1px solid #4a7d49; } //--> </style> </head> <body> <div class = "example">Hello , World!</div> </body> </html>
這將產生以下結果&負;