原文地址：http://www.cnblogs.com/iceflorence/p/5815409.html

  1. <!--  -->是HTML的注释标签,使用 < 和 > 是符合HTML标签语法规则的。
  2.  
  3. /* */是CSS的注释标签
  4.  
  5. /* */（注释代码块）、//（注释单行）是JS的注释标签。

  1. 两种注释有各自的使用环境,并且不能相互替代。
  2.  
  3. 举例如下：
  1. 1、<!--注释内容-->
  2. 2、//注释内容 (在css或javascript中插入单行注释)
  3. 3、/*注释内容*/ (在css或javascript中插入多行注释)  

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

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

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

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

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

  1. <script type="text/javascript">
  2. <!--
  3. function displayMsg()
  4. {
  5. alert("Hello World!")
  6. }
  7. //-->
  8. </script>

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

举例：

  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <body>
  5.  
  6. <!--这是一段注释。注释不会在浏览器中显示。-->
  7.  
  8. <p>这是一段普通的段落。</p>
  9.  
  10. </body>
  11. </html>

效果如下：

条件注释

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

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

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

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

  1. 举例如下：
  1. /* 注释内容 */
  2. 示例
  3. /* ----------文字样式开始---------- */
  4. /* 白色12象素文字 */
  5. .dreamduwhite12px
  6. {
  7. color:white;
  8. font-size:12px;
  9. }
  10. /* 黑色16象素文字 */
  11. .dreamdublack16px
  12. {
  13. color:black;
  14. font-size:16px;
  15. }
  16. /* ----------文字样式结束---------- */

JavaScript使用两个双斜杠注释行

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

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

  1. /*
  2. var jb51 = "www.jb51.net";
  3. var jb51 = "du";
  4. */

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

【转】HTML <!--...--> 注释 、CSS/JS //注释 和 /*.....*/ 注释的更多相关文章

  1. CSS六大选择器（注释css表里不能加注释！！）

    @charset "utf-8"; /* CSS Document */ <!--标签控制器--> body{ background-color:#F00} <! ...

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

    <!-- -->是HTML的注释标签,使用<和>是符合HTML标签语法规则的. /* */(注释代码块).//(注释单行)是CSS和JS的注释标签. 两种注释有各自的使用环境, ...

  3. 【Python全栈】HTML <!--...--> 注释 、CSS/JS //注释 和 /*.....*/ 注释

    HTML <!--...--> 注释 .CSS/JS //注释 和 /*.....*/ 注释 <!-- -->是HTML的注释标签,使用 < 和 > 是符合HTML ...

  4. <!-- -->是HTML的注释标签js，css注释

    <!-- -->是HTML的注释标签 js,css:单行注释以 // 开头. 多行注释以 /* 开始,以 */ 结尾. web大作业(Vip视频解析) <!-- 这个网页是vip视频 ...

  5. r.js 配置文件 build.js 不完整注释

      -----------------------------------------------------------------------r.js 配置文件 example.build.js ...

  6. r.js 配置文件 example.build.js 不完整注释

    /* * This is an example build file that demonstrates how to use the build system for * require.js. * ...

  7. html、css以及javascript的注释方式

    HTML:<!--注释内容  -->; CSS:/* 注释内容*/ JS: //注 释内容; 或者块/*   注释内容 */, sublime中注释方法:选中注释内容+ctrl+/  , ...

  8. idea live template高级知识, 进阶(给方法,类,js方法添加注释)

    为了解决用一个命令(宏)给方法,类,js方法添加注释,经过几天的研究.终于得到结果了. 实现的效果如下: 给Java中的method添加方法: /** * * @Method : addMenu * ...

  9. PDF怎样添加注释，PDF文件添加注释的方法

    Word文件跟纸质文件想要添加注释相信大家都知道该怎么添加,那么现在也使用频率挺高的PDF格式的文件要怎么添加注释呢?添加注释的方法有什么呢?有许多的小伙伴们都想知道吧,今天小编就来跟大家分享一下,想 ...

随机推荐

  1. OpenCV 学习笔记 02 处理文件、摄像头和图形用户界面

    在处理文件前需要引入OpenCV库,同时也引入unmpy库 import cv2 import numpy as np 1 基本的读写操作 1.1 图像文件的读写操作 1.1.1 图像文件的读取操作 ...

  2. vmware虚拟机三种网络连接方式

    一.概述 vmware为我们提供了三种网络工作模式,它们分别是:Bridged(桥接模式).NAT(网络地址转换模式).Host-Only(仅主机模式). 打开vmware虚拟机,我们可以在选项栏的“ ...

  3. CentOS7.2安装pure-ftpd 及其配置项

    CentOS7.2安装FTP(pure-ftpd-1.0.43) 原文链接: https://www.linuxidc.com/Linux/2016-10/135971.htm [日期:2016-10 ...

  4. php实现ZIP压缩文件解压缩(转)

    测试使用了两个办法都可以实现: 第一个:需要开启配置php_aip.dll <?php //需开启配置 php_zip.dll //phpinfo(); header("Content ...

  5. PHP规范PSR0和PSR4的理解

    一.PSR0简介 下文描述了若要使用一个通用的自动加载器(autoloader),你所需要遵守的规范: 一个完全标准的命名空间(namespace)和类(class)的结构是这样的:\<Vend ...

  6. IntelliJ IDEA设置代码括号对齐方式

    IntelliJ IDEA设置代码括号对齐方式 IntelliJ IDEA默认的对齐方式如下:括号跟函数名在一行 想改为括号独自占一行,如下: 配置方式如下:File->Setting-> ...

  7. 解决 p0sixspwn-v1.0.4 win版 无法定位程序输入点sqlite3_wal_checkpoint的问题

    p0sixspwn-v1.0.4 win版今天早晨发现大神( @winocm · @iH8sn0w · @SquiffyPwn) 已经发布. 下载下来运行之,发现会报错: 无法定位程序输入点sqlit ...

  8. 持续集成（1）gitlab的安装

    操作系统:centos 6.5 关闭selinux # 修改/etc/selinux/config 文件 将SELINUX=enforcing改为SELINUX=disabled ,然后重启电脑 # ...

  9. Android Dialog-Dialog无法充满横屏且下方有间隔

    自定义一个Dialog,写完布局后运行,发现Dialog无法充满屏幕,就像下边这样: 代码大致如下: Dialog dialog = new Dialog(this); dialog.requestW ...

  10. Fluent 18.0新功能之：其他

    ANSYS 18.0在2017年1月底发布,来看看Fluent18.0更新了哪些内容. 1 用户界面 关于用户界面方面的更新包括: (1)可以在树形菜单中同时选择多个子节点,如同时选择多个边界,点击右 ...