HTML 注释
时间：2019-06-08 23:19:23 来源:igfitidea点击:
注释是任何web浏览器都会忽略的一段代码。在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>
多行注释
开始标记<!--和结束标记-->之间可以放入多行注释
<!DOCTYPE html>
<html>
<head>
<title>多行注释</title>
</head>
<body>
<!--
这是多行注释
可以跨越多行
-->
<p>网页的内容</p>
</body>
</html>
条件注释
条件注释只在Windows上的IE浏览器中起作用，但其他浏览器会忽略它们。
从IE5开始就支持它们，我们可以使用它们为不同版本的IE提供条件指令。
<!DOCTYPE html>
<html>
<head>
<title>条件注释</title>
<!--[if IE 6]>
如果是IE6,则解析这里的代码
<![endif]-->
</head>
<body>
<p>网页内容</p>
</body>
</html>
我们将遇到这样的情况：我们将需要基于不同版本的Internet Explorer应用不同的样式表，在这种情况下，条件注释将很有帮助。
使用注释标记
很少有浏览器支持<comment>标记,它是对HTML代码的一部分进行注释。
注意 HTML5中不推荐使用
<comment>标记。请勿使用此元素。
<body>
<p>这<comment>不</comment>是IE浏览器</p>
</body>
如果我们使用IE，则会产生以下结果
这是IE浏览器
但如果不使用IE，则会产生以下结果
这不是IE浏览器
注释脚本代码
在老旧的代码中，我们会看到将Java脚本或VB脚本代码放在适当的HTML注释中的。
这是为了以前的旧浏览器能够正常工作。
但现在不必这么做了。因为现代浏览器默认支持的脚本语言就是JavaScript.
<head>
<title>注释脚本代码</title>
<script>
<!--
document.write("Hello World!")
//-->
</script>
</head>
注释样式表
和脚本代码一样，以前在HTML代码中使用级联样式表(CSS)时，会将该样式表代码放在适当的HTML注释中，以便旧的浏览器能够正常工作。
现在也不必这么做。
<!DOCTYPE html>
<html>
<head>
<title>注释样式表</title>
<style>
<!--
.example {
border:1px solid #4a7d49;
}
//-->
</style>
</head>
<body>
<div class = "example">Hello , World!</div>
</body>
</html>
