HTML标签系列(一)——注释标签 <!-- -->

一、HTML注释的语法

<!--注释内容-->

二、HTML注释的用处 

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

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

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

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

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

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

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

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

  避免代码注释的五大理由

  五种应该避免的代码注释

  2、条件注释(与CSS)

  在CSS布局中,还常常用到IE CSS Hack。if 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注释。

时间: 2024-10-12 21:00:56

HTML标签系列(一)——注释标签 <!-- -->的相关文章

tld自定义标签系列--使用body-content标签

body-content的值有下面4种: <xsd:enumeration value="tagdependent"/> <xsd:enumeration value="JSP"/> <xsd:enumeration value="empty"/> <xsd:enumeration value="scriptless"/> tagdependent:标签体内容直接被写入BodyC

(二)Web前端工程师从入门到精通系列:HTML标签介绍

5:HTML标签 5.1 单标签 ①:文本注释标签 <!--  XXXXX –> ②:文本换行标签 <br/> ③:横线 5.2 双标签 ① : 段落标签  <p></p> ②:标题 <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> 代码如下 页面

1.4.19- HTML标签之注释标签

有的时候我们输入的代码,让你别人看,别人不知道你的思路,可能就看不懂,或者或一段时间自己就看不懂了,这个时候我们需要对代码进行注释,解释我们的代码什么意思: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <base target="_bank"

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

一.摘要 .Net允许开发人员在源代码中插入XML注释,这在多人协作开发的时候显得特别有用. C#解析器可以把代码文件中的这些XML标记提取出来,并作进一步的处理为外部文档. 这篇文章将展示如何使用这些XML注释. 在项目开发中,很多人并不乐意写繁杂的文档.但是,开发组长希望代码注释尽可能详细:项目规划人员希望代码设计文档尽可能详尽:测试.检查人员希望功能说明书尽可能详细等等.如果这些文档都被要求写的话,保持它们同步比进行一个战役还痛苦. 为何不把这些信息保存在一个地方呢??最明显想到的地方就是

HTML5 &lt;ruby&gt;注释标签

今天学了HTML5的ruby标签,觉得挺有趣的,来记录一下. ruby可以作注释标签,内部有rp和rt标签. <ruby>  标记定义注释或音标. <rp>    告诉那些不支持ruby元素的浏览器该如何显示. <rt>      标记定义对ruby注释的内容文本. 学完这个标签的第一反应就是,我有方法给那些不会读的日语单词做假名注释啦!!! 代码如下,来给一句日语做个小注释: <!DOCTYPE html> <html lang="en&q

【js】在js中加HTML注释标签的原因?

<script type="text/JavaScript"> <!-- js代码 //--> //就是这句,为什么还要在-->前加上js注释 </script> 我们偶尔可能会看到上面这样的js注释代码,可是原因是什么呢? 答案: 原因是那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示.为了防止这种情况发生,我们可以使用这样的 HTML 注释标签.注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 Ja

html5系列之nop标签

旧标签: (1)<noscript>标签 作用:用来定义在脚本未被执行时的替代内容(文本) 可被用于识别<noscript>标签但无法支持其中的脚本的浏览器 (2)<object>标签 作用:定义一个嵌入的对象,请使用此元素向您的 XHTML 页面添加多媒体.此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码. <object> 标签用于包含对象,比如图像.音频.视频.Java applets.ActiveX.PDF 以

HTML 注释标签

注释标签 <!-- 与 --> 用于在 HTML 插入注释. HTML 注释标签 您能够通过如下语法向 HTML 源代码添加注释: 实例 <!-- 在此处写注释 --> 注释:在开始标签中有一个惊叹号,但是结束标签中没有. 浏览器不会显示注释,但是能够帮助记录您的 HTML 文档. 您可以利用注释在 HTML 中放置通知和提醒信息: 实例 <!-- 这是一段注释 --> <p>这是一个段落.</p> <!-- 记得在此处添加信息 -->

IE兼容性标签和条件注释

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-