当前位置: 首页 > news >正文

【转】HTML !--...-- 注释 、CSS/JS //注释 和 /*.....*/ 注释

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

<!--  -->是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正则表达式中可能产生这种代码),这样会产生语法错误,因此我推荐你使用//做为注释代码.

相关文章:

  • 瑞典奶爸“坐月子”很酷,他们的育儿神器连布拉德皮特都在用
  • 陈松松:制作视频优先选择这5种类型,总有一个适合你
  • 数据挖掘十大经典算法--CART: 分类与回归树
  • PyTorch快速入门教程三(神经网络)
  • the import java.util.* cannot be resolve,怎么解决
  • 美国科技公司的“放权时代”:出走的创始人不在少数
  • JavaScript DOM 10 - 滚动
  • 与高通纠纷受关注 苹果利润或遭诺基亚侵权诉讼蚕食
  • Atlantis退出核心VDI软件和一体机市场
  • 精解Java中代理模式的实现
  • 硅谷投资人Tusk:特朗普当选 硅谷的新机会在哪儿
  • 法国轻奢手机品牌HANMAC 解决手机行业创新瓶颈
  • 易维帮助台如何“重新定义客户服务”?
  • 智慧城市建设新理念
  • 继续走向企业市场 苹果与四大之一德勤合作
  • 「面试题」如何实现一个圣杯布局?
  • 【comparator, comparable】小总结
  • 【知识碎片】第三方登录弹窗效果
  • JavaScript 是如何工作的:WebRTC 和对等网络的机制!
  • JAVA多线程机制解析-volatilesynchronized
  • Mithril.js 入门介绍
  • node学习系列之简单文件上传
  • PhantomJS 安装
  • Phpstorm怎样批量删除空行?
  • thinkphp5.1 easywechat4 微信第三方开放平台
  • 阿里云爬虫风险管理产品商业化,为云端流量保驾护航
  • 分布式熔断降级平台aegis
  • 复习Javascript专题(四):js中的深浅拷贝
  • 入口文件开始,分析Vue源码实现
  • 实现简单的正则表达式引擎
  • 使用agvtool更改app version/build
  • 手写一个CommonJS打包工具(一)
  • 想晋级高级工程师只知道表面是不够的!Git内部原理介绍
  •  一套莫尔斯电报听写、翻译系统
  • 正则表达式小结
  • 正则与JS中的正则
  • CMake 入门1/5:基于阿里云 ECS搭建体验环境
  • 蚂蚁金服CTO程立:真正的技术革命才刚刚开始
  • #HarmonyOS:Web组件的使用
  • #QT(TCP网络编程-服务端)
  • (1)(1.9) MSP (version 4.2)
  • (16)UiBot:智能化软件机器人(以头歌抓取课程数据为例)
  • (TipsTricks)用客户端模板精简JavaScript代码
  • (TOJ2804)Even? Odd?
  • (定时器/计数器)中断系统(详解与使用)
  • (二)学习JVM —— 垃圾回收机制
  • (附程序)AD采集中的10种经典软件滤波程序优缺点分析
  • (免费领源码)python#django#mysql校园校园宿舍管理系统84831-计算机毕业设计项目选题推荐
  • (三)centos7案例实战—vmware虚拟机硬盘挂载与卸载
  • (三分钟)速览传统边缘检测算子
  • (原創) 如何安裝Linux版本的Quartus II? (SOC) (Quartus II) (Linux) (RedHat) (VirtualBox)
  • (轉貼) UML中文FAQ (OO) (UML)
  • .chm格式文件如何阅读
  • .MSSQLSERVER 导入导出 命令集--堪称经典,值得借鉴!
  • .NET 5.0正式发布,有什么功能特性(翻译)