注释语句是任何浏览器都会忽略的一段代码。 在 HTML 代码中添加注释是一种很好的做法，尤其是在复杂的文档中，注释可帮助您和其他人理解您的代码并提高代码的可读性。
HTML 注释放在 标签之间。 因此，任何放置在 标签内的内容都将被视为注释，浏览器将完全忽略。
举例
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!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> |
结果显示
|
1 |
Document content goes here..... |
有效与无效注释
注释不能嵌套，这意味着一个评论不能放在另一个评论中。 其次，双破折号“–”可能不会出现在注释中，除非作为结束 –> 标记的一部分。 您还必须确保开头的注释字符串中没有空格。
例如，下例是有效注释：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html> <head> <title>Valid Comment Example</title> </head> <body> <!-- This is valid comment --> <p>Document content goes here.....</p> </body> </html> |
结果：
|
1 |
Document content goes here..... |
例如，下例是无效注释，因为有一个空格 在 < 和 ！– 之间
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!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> |
运行结果：
|
1 2 |
< !-- This is not a valid comment --> Document content goes here..... |
多行注释语句
HTML 也支持多行注释，您可以通过特殊的开始标记 <!– 和结束标记 –> 注释多行，该标记位于第一行和最后一行的末尾，如下面的示例所示。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!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> |
运行结果
|
1 |
Document content goes here..... |
脚本代码注释
虽然您将在单独的教程中使用 HTML 学习 JavaScript，但在这里您必须注意，如果您在 HTML 代码中使用 Java Script 或 VB Script，那么建议将该脚本代码放在适当的 HTML 注释中，以便旧的 浏览器可以正常工作。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<!DOCTYPE html> <html> <head> <title>Commenting Script Code</title> <script> <!-- document.write("Hello World!") //--> </script> </head> <body> <p>Hello , World!</p> </body> </html> |
结果
|
1 2 |
Hello World! Hello , World! |
注释样式表（CSS）
虽然您将在单独的教程中学习使用 HTML 样式表，但在这里您必须注意，如果您在 HTML 代码中使用级联样式表 (CSS)，那么建议将该样式表代码放在正确的 HTML 注释中 以便旧浏览器可以正常工作。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!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> |
结果
除教程外，本网站大部分文章来自互联网，如果有内容冒犯到你，请联系我们删除！