• HTML标签深入学习系列(1)——注释标签 <!-- -->


    一、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注释。

     

  • 相关阅读:
    Sql 行转换列(列转换行), JavaScript解决思路
    c# 异步线程
    C# 读取数据库存储过程返回值 笔记
    利用UtilityLibrary.dll WeifenLuo.WinFormsUI.Docking.dll控件创建工具栏效果
    关于C#Winform线程调用窗体的使用方法以及窗体的单一显示
    通过调用API函数实现的无边框窗体的拖拽,比判断坐标更快捷
    ubuntu下安装redis
    ubuntu下安装beanstalkd
    preg_match_all 执行一个全局正则表达式匹配
    mongodb的安装和进入
  • 原文地址:https://www.cnblogs.com/web-HCJ/p/4709666.html
Copyright © 2020-2023  润新知