注释语句是任何浏览器都会忽略的一段代码。 在 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>
结果显示
Document content goes here.....
有效与无效注释
注释不能嵌套,这意味着一个评论不能放在另一个评论中。 其次,双破折号“–”可能不会出现在注释中,除非作为结束 –> 标记的一部分。 您还必须确保开头的注释字符串中没有空格。
例如,下例是有效注释:
<!DOCTYPE html> <html> <head> <title>Valid Comment Example</title> </head> <body> <!-- This is valid comment --> <p>Document content goes here.....</p> </body> </html>
结果:
Document content goes here.....
例如,下例是无效注释,因为有一个空格 在 < 和 !– 之间
<!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>
运行结果:
< !-- This is not a valid comment --> Document content goes here.....
多行注释语句
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>
运行结果
Document content goes here.....
脚本代码注释
虽然您将在单独的教程中使用 HTML 学习 JavaScript,但在这里您必须注意,如果您在 HTML 代码中使用 Java Script 或 VB Script,那么建议将该脚本代码放在适当的 HTML 注释中,以便旧的 浏览器可以正常工作。
<!DOCTYPE html> <html> <head> <title>Commenting Script Code</title> <script> <!-- document.write("Hello World!") //--> </script> </head> <body> <p>Hello , World!</p> </body> </html>
结果
Hello World! Hello , World!
注释样式表(CSS)
虽然您将在单独的教程中学习使用 HTML 样式表,但在这里您必须注意,如果您在 HTML 代码中使用级联样式表 (CSS),那么建议将该样式表代码放在正确的 HTML 注释中 以便旧浏览器可以正常工作。
<!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>
结果
除教程外,本网站大部分文章来自互联网,如果有内容冒犯到你,请联系我们删除!