html注释 – HTML教程 html注释|HTML

上一章HTML教程请查看：html meta元标签
注释是任何web浏览器都会忽略的一段代码，将注释添加到HTML代码中是一个很好的实践，特别是在复杂的文档中，以便向查看代码的任何人指出文档的各个部分和任何其他注释，注释可以帮助你和其他人理解你的代码，并提高代码的可读性。
HTML注释放在< !– … – > 标签,因此，任何内容放在< !– … – > 标记中将被视为注释，浏览器将完全忽略它。
【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>