编辑这个页面须要登录或更高权限!

HTML: <!--…-->注释标签

本文带大家来学习一下HTML注释的使用,相对其他编程语言,HTML的注释比较复杂一点,HTML注释标签是<!--…-->,凡是在这个注释标签里的内容都不会被浏览器显示内容

在线示例

HTML 注释:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaojc.com)</title> 
</head>
<body>
<!--这是一个注释,注释在浏览器中不会显示-->
 
<p>这是一个段落内容</p>
</body>
</html>
测试看看 ‹/›

浏览器支持

所有主流浏览器都支持 <!--...--> 注释标签。

ChromeAndroidFirefoxIEEdgeOperaSafari

标签定义及使用说明

<!--...--> 注释标签用来在源文档中插入注释。注释不会在浏览器中显示。

您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。特别是代码量很大的情况下很有用。

您也可以在注释内容存储针对程序所定制的信息。在这种情况下,这些信息对用户是不可见的,但是对程序来说是可用的。一个好的习惯是把注释或样式元素放入注释文本中,这样就可避免不支持脚本或样式的老浏览器把它们显示为纯文本。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaojc.com)</title> 
</head>
<body>
<script type="text/javascript">
<!--
function displayMsg()
{
  alert("Hello World!")
}
displayMsg();
//-->
</script>
</body>
</html>
测试看看 ‹/›

注释:命令行最后的两个正斜杠(//)是 JavaScript 注释符号。这确保了 JavaScript 不会执行 --> 标签。

除了在源文档中有非常明显的作用外,许多 Web 服务器也利用注释来实现文档服务端软件特有的特性。这些服务器可以扫描文档,从传统的 HTML/XHTML 注释中找到特定的字符序列,然后再根据嵌在注释中的命令采取相应的动作。这些动作可能是简单的包括其他文件中的文本(即所谓的服务器端包含,server-inside include),也可能是复杂地执行其他命令去动态生成文档的内容。

javascript 中 <!-- //--> 的作用

HTML 中使用 JavaScript 经常看到以下写法:

<script type="text/javascript">
<!--
XXXXXXXX内容略XXXXX
//-->
</script>

这是防止某些浏览器,不支持 javascript,导致 javascript 的代码直接出现在页面上,影响美观。
因此,用 HTML 的注释把 javascript 的代码包括起来,如果浏览器不支持 javascript,那么也会当做注释处理。尽管 javascript 失效了,但不至于把源代码显示在页面上。

标准属性

<!--...--> 注释标签不支持任何标准属性。

如需更多有关 HTML 标准属性的信息,请访问 标准属性

事件属性

<!--...--> 注释标签不支持任何事件属性。

如需更多有关 HTML 事件属性的信息,请访问 事件属性

HTML 参考手册
HTML 标签大全