一、HTML注释的语法

<!--注释内容-->

二、HTML注释的用处 

  1、普通注释(增强代码的可读性)

  方便别人:方便其它程序员了解你的代码

  方便自己:方便以后对自己代码的理解与修改等等

  常常听说这样一句话,“好的代码,注释占三分之一”这里暂且不去讨论三分之一的注释是多是少,只需明确一点,注释很重要。

  我的理解:1.好的代码,需要注释 

       2.注释是不是越多越好呢?不是的

  注释到底多少才合适呢?读了一些大神的文章,中心思想归结为:在需要注释的地方注释最合适。看似一句废话,却道出了天地间无尽的真理啊,这下要慢慢消化啦。不是大神的我们,我觉得只要在自己认为很重要而且方便以后自己和别人查找和理解的地方注释就可以了。

  下面这两篇文章,个人觉得有一定的启示作用,希望大家可以更深入的了解注释

  避免代码注释的五大理由

  五种应该避免的代码注释

  2、条件注释(与CSS)

  在CSS布局中,还常常用到IE CSS Hackif IE条件注释起着非常大的作用!if IE条件注解,让不同版本IE浏览器读取所能识别条件内容来设置对应CSS样式,从而解决CSS hack。

  

  If条件不同版本浏览器注释列表:gt:(greater than)大于;lt:(less than)小于;e(equal)等于;
  <!--[if IE]> 所有的IE可识别
<![endif]-->

  <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-->

  <!--[if IE 6]> 仅IE6可识别
<![endif]-->

  <!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->

  <!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->

  <!--[if IE 7]> 仅IE7可识别
<![endif]-->

  <!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->

  <!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->

  *还可以与布尔运算符与(&)、或(|)、非(!)一起使用,创建更复杂的表达式。

  <!--[if !IE]>除IE外都可识别<![endif]-->

  <!--[if (gt IE 5)&(lt IE 7)]>IE5以上及IE7以下版本可识别<![endif]-->

  <!--[if (IE 6)|(IE 7)]>IE6或IE7可识别<![endif]-->

  3、(与javasctipt)使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯(这样就不会把脚本显示为纯文本)

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

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

重申:

避免html网页中滥用注释注解
在网页中没有必要时候完全尽量少用注释,注释也会随浏览器载入,增加字符大小。一般分析网页我们可以借助DW软件进行,尽量少使用注释,尽量不要在注释中使用中文以免中文编码问题造成网页乱码。

那在什么地方用注释呢?

1、 
自己认为重要代码。比如在html中,自己认为重要的代码布局,有必要批注注释说明的,我们可以使用html注解来。
2、给别人看。比如自己写的html代码,有的地方代码需要说明一下,同时要转给别人看和解读分析的,这个时候就有必要使用html注释。

HTML标签深入学习系列(1)——注释标签 <!-- -->的更多相关文章

  1. 【Spring源码深度解析学习系列】默认标签解析(三)

    Spring的标签包括默认标签和自定义标签两种 默认标签的解析方法: ###DefaultBeanDefinitionDocumentReader.java### private void parse ...

  2. 【Spring源码深度解析学习系列】复杂标签属性解析(四)

    一.创建用于属性承载的BeanDefinition BeanDefiniton是一个接口,在Spring中存在三种实现:RootBeanDefinition.ChildBeanDefinition.G ...

  3. HTML5学习笔记之表格标签

    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习笔 ...

  4. React学习系列

    React学习系列 系列学习react 翻译地址 https://scotch.io/tutorials/learning-react-getting-started-and-concepts 我是初 ...

  5. 第一篇-Html标签中head标签,body标签中input系列,textarea和select标签

    第十四周课程(1-12章节) HTML 裸体 CSS   穿华丽衣服 Javascript 动起来 一 HTML (20个标签) 1.我们的浏览器是socket客户端 2.一套规则,浏览器认识的规则 ...

  6. NET中的规范标准注释(一) -- XML注释标签讲解

    一.摘要 .Net允许开发人员在源代码中插入XML注释,这在多人协作开发的时候显得特别有用. C#解析器可以把代码文件中的这些XML标记提取出来,并作进一步的处理为外部文档. 这篇文章将展示如何使用这 ...

  7. HTML5学习之语义化标签(一)

    一.为什么HTML5要引入新语义标签 在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上 ...

  8. ReactNative学习之Html基本标签使用

    前言: 前面简单学习了html简单标签的使用,今天学习一下其他的标签的使用. HTML的超链接 1.)创建一个超链接 <div> <p> <a href="ht ...

  9. html学习第一弹の常用标签的归类

    HTML初步学习: 行内元素:只占据他对应标签的边框所包含的空间,默认横向排布. 块级元素:块级元素占据其父元素(容器)的整个空间,因此创建了一个块,通常浏览器会在块级元素前后另起一行,默认竖向排布. ...

随机推荐

  1. CapIp.pas

    unit CapIp; interface uses Windows, Messages,Classes,winsock,sysutils; const WM_CapIp = WM_USER + ; ...

  2. DICOM医学图像处理:深入剖析Orthanc的SQLite,了解WADO & RESTful API

    背景: 上一篇博文简单翻译了Orthanc官网给出的CodeProject上“利用Orthanc Plugin SDK开发WADO插件”的博文,其中提到了Orthanc从0.8.0版本之后支持快速查询 ...

  3. 【OpenGL】OpenGL帧缓存对象(FBO:Frame Buffer Object) 【转】

    http://blog.csdn.net/xiajun07061225/article/details/7283929/ OpenGL Frame BufferObject(FBO) Overview ...

  4. java设计模式之-建造者模式

    建造者模式可以将复杂的构建与其表示相分离,是的相同的构建过程可以创建出不同的表示.     建造者模式与抽象工厂的差别是:在建造者模式里,有个指导者,这个指导者来管理建造者.用户与指导者相互联系,指导 ...

  5. angular - 安装 -1

    在阅读以下教程以前,请安装node,请先确保您的使用平台:Win.Mac.Linux 首次安装node以后,我们先检测版本 node -v npm -v 这样就代表安装成功,那么我们可以进入下一步了 ...

  6. php如何读取ini文件

    很多时候,我们使用配置文件来读取配置,那么php如何使用ini文件呢? 代码如下: 例如将:数据库信息存到ini文件中,进行读取. <?php header('content-type:text ...

  7. 《图论》——广度优先遍历算法(BFS)

    十大算法之广度优先遍历: 本文以实例形式讲述了基于Java的图的广度优先遍历算法实现方法,详细方法例如以下: 用邻接矩阵存储图方法: 1.确定图的顶点个数和边的个数 2.输入顶点信息存储在一维数组ve ...

  8. qemu-kvm编译错误

    今天编译了下qemu-kvm,死活编不过,错误信息如下: CC    block/qcow2-snapshot.oIn file included from ./qemu-common.h:6:0,  ...

  9. 区分拖曳(drag)和点击(click)事件

    假设页面上有一个a标签: <a href="http://www.google.com">google</a> 现在需要对这个标签进行拖放操作,会发现当拖曳 ...

  10. [ios]objective-c中Category类别(扩展类)专题总结

    本文转载至 http://yul100887.blog.163.com/blog/static/20033613520126333344127/   objective-c类别的作用?通过类别的方式, ...