HTML <!--...--> 注释 、CSS/JS //注释 和 /*.....*/ 注释 

<!--  -->是HTML的注释标签,使用 < 和 > 是符合HTML标签语法规则的。

/* */是CSS的注释标签

/* */（注释代码块）、//（注释单行）是JS的注释标签。

两种注释有各自的使用环境,并且不能相互替代。

举例如下：
1、<!--注释内容-->
2、//注释内容 (在css或javascript中插入单行注释)
3、/*注释内容*/ (在css或javascript中插入多行注释)  

一，HTML  <!--...--> 注释标签

所有浏览器都支持注释标签。

注释标签用于在源代码中插入注释。注释不会显示在浏览器中。

您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。

使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯（这样就不会把脚本显示为纯文本）：

复制代码
<script type="text/javascript">
<!--
function displayMsg()
{
alert("Hello World!")
}
//-->
</script>
复制代码

 

注释：注释行结尾处的两条斜杠 (//) 是 JavaScript 注释符号。这可以避免 JavaScript 执行 --> 标签。

举例：

复制代码
<!DOCTYPE html>
<html>

<body>

<!--这是一段注释。注释不会在浏览器中显示。-->

<p>这是一段普通的段落。</p>

</body>
</html>
复制代码

 

效果如下：

条件注释

您也许会在 HTML 中偶尔发现条件注释：

<!--[if IE 9]>
    .... some HTML here ....
<![endif]-->

条件注释定义只有 Internet Explorer 执行的 HTML 标签。

二，/*...*/和//注释标签

举例如下：
复制代码
/* 注释内容 */ 
示例 
/* ----------文字样式开始---------- */ 
/* 白色12象素文字 */ 
.dreamduwhite12px 
{ 
color:white; 
font-size:12px; 
} 
/* 黑色16象素文字 */ 
.dreamdublack16px 
{ 
color:black; 
font-size:16px; 
} 
/* ----------文字样式结束---------- */
复制代码

JavaScript使用两个双斜杠注释行 

//document.write("www.jb51.net");

使用斜杠星注释代码块(多行) 

/* 
var jb51 = "www.jb51.net"; 
var jb51 = "du"; 
*/

提示: 过多的JavaScript注释会降低JavaScript的执行速度与加载速度，因此应在发布网站时，去掉JavaScript注释。 
注释块（/* ... */）中不能有(/*或*/，JavaScript正则表达式中可能产生这种代码)，这样会产生语法错误，因此我推荐你使用//做为注释代码.

posted @ 2017-09-05 10:07  木&子  阅读(1926)  评论(0)  编辑  收藏  举报