首页 > 代码库 > HTML注释的格式和用法

HTML注释的格式和用法

HTML注释的格式:

  <!-- 这里是注释内容-->

  左尖括号开始,一个感叹号跟两个减号。然后写入注释内容。后面跟两个减号,以右尖括号结束;

————如果只是不知道注释的格式,上面的内容就够了————————————————————————————————————————————

  格式的补充说明:

    1注释的内容以及注释的符号在浏览器都不会显示,并且不占用浏览器的空间;

    2可以对多行进行注释,只要内容被包裹在“<!--”和“-->”这一对注释符号中即可;

    3注释也可以写在一行程序的末尾,或者一行程序的中间。也就是说只要你喜欢或者你需要,随时随地都可以写注释;

————以下是对于注释用法的一些个人见解,供大家参考、补充、讨论、指正———————————————————————————————————

HTML注释的用法:

  一、在一个元素开始的上端,与元素的<对其

    <!--这里写这个元素的层级、包含的大致内容、这个区域的名称-->

    <元素开始标签>

      ……

    <元素结尾标签>

    比如:

    <!--这个一级div放置顶端导航区-->

    <div>

      <!--这些链接放置各个导航地址-->

      <a>首页</a><a>园子</a><a>新闻</a><a>博问</a>

    </div>

    这样做的好处:

      1 可以很清晰的将网页的区域划分从UI设计表现在HTML文档中,方便维护和编辑

      2 在编辑过程中如果折叠部分代码,留下这行注释不折叠你能很快知道隐藏掉的代码是哪些

      3 只看注释就能很快找到你要操作的模块

  二、在一行的行末

    个人在用这种方式的时候基本类似于打个标记,比如快下班的时候,正好做到了这一行,做个标记。等上班的时候,就可以从这个标记这里开始继续做了;

    比如:

    <div>

      <div>

        <ul>

          <li><p>这个问题值得研究么?<img src="http://www.mamicode.com/daLianMao.jpg>什么鬼

          <li><p>这是个好问题!<a href="http://www.mamicode.com/woYaoChiTang"></a>吃吧</p></li>  <!--哇!下班了耶,明天继续吧!-->

          ……

  三、在一行的中间

    我觉得是做到一些可能暂时还未定,或者自己做起来感到吃力的地方。先做个注释标记,等后面请教或者自己学习好了再来做。或者等别人定好数据再添加。

    比如:

      ……

      <img><!--呃。。。这个图片好难做,回头再收拾你--><a href="http://www.mamicode.com/tuPianZhi>How to

      ……

  其他的还没想到什么,欢迎大家补充

HTML注释的格式和用法