您的位置：首页 > Web前端 > JavaScript

Web开发之HTML 注释、CSS/JS //注释和 /...../ 注释

2017-09-19 15:11 459 查看

<!--  -->

是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正则表达式中可能产生这种代码)，这样会产生语法错误，因此我推荐使用

//

做为注释代码.

转自：http://www.cnblogs.com/iceflorence/p/5815409.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

Web开发之HTML 注释 、CSS/JS //注释 和 /*.....*/ 注释

Web开发之HTML 注释、CSS/JS //注释和 /...../ 注释