srcmini上一章HTML教程请查看：html meta元标签
注释是任何web浏览器都会忽略的一段代码，将注释添加到HTML代码中是一个很好的实践，特别是在复杂的文档中，以便向查看代码的任何人指出文档的各个部分和任何其他注释，注释可以帮助你和其他人理解你的代码，并提高代码的可读性。
HTML注释放在<!– … –>标签,因此，任何内容放在<!– … –>标记中将被视为注释，浏览器将完全忽略它。
例子
<!DOCTYPE html>
<html>
<head> <!-- 文档头开始 -->
<title>这是文档标题</title>
</head> <!-- 文档头结束 -->
<body>
<p>文档内容在这里.....</p>
</body>
</html>
有效与无效的注释
注释不嵌套，这意味着一个注释不能放在另一个注释中。第二，双破折号序列“–”除了作为结束–>标记的一部分之外，不能出现在注释中，你还必须确保在注释字符串的开始处没有空格。
例子
在这里，给定的注释是有效的注释，将被浏览器擦除。
<!DOCTYPE html>
<html>
<head>
<title>有效注释的例子</title>
</head>
<body>
<!-- 这是有效的注释 -->
<p>文档内容在这里.....</p>
</body>
</html>
但是，下面的行不是有效的注释，浏览器将显示它，这是因为左尖括号和感叹号之间有一个空格。
<!DOCTYPE html>
<html>
<head>
<title>无效注释的例子</title>
</head>
<body>
< !-- 这不是一个有效的注释 -->
<p>文档内容.....</p>
</body>
</html>
多行注释
到目前为止，我们已经看到了单行注释，但是HTML也支持多行注释。
你可以通过特殊的开始标记<!–来注释多行，结束标记–>放在第一行和最后一行的前面，如下面的示例所示。
例子
<!DOCTYPE html>
<html>
<head>
<title>多行注释</title>
</head>
<body>
<!--
这是一个多行注释，它可以
你喜欢多少行就跨越多少行。
-->
<p>文本内容.....</p>
</body>
</html>
条件注释
条件注释只能在Windows的Internet Explorer (IE)中工作，但是其他浏览器会忽略它们。它们从Explorer 5开始就受到支持，你可以使用它们为不同版本的IE提供条件指令。
例子
<!DOCTYPE html>
<html>
<head>
<title>条件注释</title>
<!--[if IE 6]>
这里是ie6的特殊说明
<![endif]-->
</head>
<body>
<p>文档内容.....</p>
</body>
</html>
你将遇到一种情况，你将需要应用一个不同的样式表基于不同版本的Internet Explorer，在这种情况下，条件注释将是有益的。
使用注释标记
很少有浏览器支持<comment>标记来注释一部分HTML代码。
注意，<comment>标签在HTML5中被弃用，不要使用这个元素。
例子
<!DOCTYPE html>
<html>
<head>
<title>使用注释标记</title>
</head>
<body>
<p>这 <comment>不是</comment> Internet Explorer.</p>
</body>
</html>
注释脚本代码
虽然你将学习JavaScript和HTML,在一个单独的教程,但是你必须注意,如果你使用的是Java脚本或VB脚本在你的HTML代码然后建议把脚本代码内部适当的HTML注释,这样老的浏览器可以正常工作。
例子
<!DOCTYPE html>
<html>
<head>
<title>注释脚本代码</title>
<script>
<!--
document.write("Hello World!")
//-->
</script>
</head>
<body>
<p>Hello , World!</p>
</body>
</html>
注释样式表
虽然你将学习使用HTML的样式表在一个单独的教程,但是你必须注意,如果你正在使用层叠样式表(CSS)在你的HTML代码然后建议把样式表代码内部适当的HTML注释,这样老的浏览器可以正常工作。
例子
<!DOCTYPE html>
<html>
<head>
<title>评论样式表</title>
<style>
<!--
.example {
border:1px solid #4a7d49;
}
//-->
</style>
</head>
<body>
<div class = "example">Hello , World!</div>
</body>
</html>
评论前必须登录！
注册