- HTML教程
- HTML - 主页
- HTML - 概述
- HTML - 基本标签
- HTML - 元素
- HTML - 属性
- HTML - 格式设置
- HTML - 短语标签
- HTML - 元标签
- HTML - 注释
- HTML - 图像
- HTML - 表格
- HTML - 列表
- HTML - 文本链接
- HTML - 图像链接
- HTML - 电子邮件链接
- HTML - 框架
- HTML - Iframe
- HTML - 块
- HTML - 背景
- HTML - 颜色
- HTML - 字体
- HTML - 表单
- HTML - 嵌入多媒体
- HTML - 字幕
- HTML - 标题
- HTML - 样式表
- HTML - JavaScript
- HTML - 布局
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>
这将产生以下结果,而不显示作为评论的一部分给出的内容 -
有效评论与无效评论
注释不能嵌套,这意味着注释不能放入另一个注释中。其次,双破折号序列“--”可能不会出现在注释中,除非作为结束 --> 标记的一部分。您还必须确保注释字符串开头没有空格。
例子
这里,给定的评论是有效的评论,将被浏览器擦除。
<!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>
这将产生以下结果 -
多行注释
到目前为止,我们已经看到了单行注释,但 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> 标签来注释部分 HTML 代码。
注意- HTML5 中已弃用 <comment> 标签。不要使用该元素。
例子
<!DOCTYPE html> <html> <head> <title>Using Comment Tag</title> </head> <body> <p>This is <comment>not</comment> Internet Explorer.</p> </body> </html>
如果您使用 IE,那么它将产生以下结果 -
但如果您不使用 IE,那么它将产生以下结果 -
注释脚本代码
虽然您将在单独的教程中通过 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>
这将产生以下结果 -
注释样式表
虽然您将在单独的教程中学习使用 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>
这将产生以下结果 -