liangsheng 发表于 2014-12-24 07:24:31

HTML、javascript、CSS 注释符号、语法

HTML、javascript、CSS 注释符号、语法
HTML 注释:
         我们经常要在 HTML 代码旁做一些注释,这样做的好处很多;譬如:方便查找、比对,便于其它程序员了解您的代码,便于以后您自己理解、修改代码,等等。

       1、单行注释语法:
<!--注释文字-->         2、多行注释语法:
<!--
注释文字 1
注释文字 2
注释文字 3
-->         3、范例:
               示例 1:
                      HTML 页面右侧带注释弹出式 “在线客服” HTML 代码
<!-- 在线客服代码开始 -->
    <div class="service_box">
      <ul class="tab_nav">
      <li>
          <a href=""><i class="icon icon_1"></i><b>在线客服</b></a>
      </li>
      <li>
          <a href=""><i class="icon icon_3"></i><b>微信</b></a>
      </li>
      </ul>
      <div class="tab_content">
      <div class="tab_plan">
          <p class="fs14">
            <b>销售推广_唐女士 QQ:1721809125</b>
            <br>
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1721809125&amp;site=qq&amp;menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1721809125:51" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
          </p>
          <p class="mt10">上班时间(星期一至星期五):
            <br>
            <u><b>10:30-12:0014:00-17:30</b></u>
          </p>
          <p class="fs14">
            <b>技术推广_江先生 QQ:1477987636</b>
            <br>
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1477987636&amp;site=qq&amp;menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1477987636:51" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
          </p>
          <p class="mt10">上班时间(星期一至星期五):
            <br>
            <u><b>09:00-12:0014:00-18:30</b></u>
          </p>
          <p>广州市德数机械设备有限公司</p>
          <p class="text-left" style="font-size:14px;color:#242424">
                        <a href="http://map.baidu.com/?newmap=1&amp;s=inf%26uid%3Dae8d6d0122c7147f2cb96d89%26wd%3D%E5%B9%BF%E5%B7%9E%E5%B8%82%E5%BE%B7%E6%95%B0%E6%9C%BA%E6%A2%B0%E8%AE%BE%E5%A4%87%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8%26all%3D1%26c%3D257&amp;from=alamap&amp;tpl=map_singlepoint"
                        style="color:#242424">地址:广东省广州市黄埔区南岗沙步二横路3号自编435房 (沙步社区综治信访维稳中心右侧)</a>
                        <br>邮编:510735</p>
      </div>
      <div class="tab_plan" style="display: none;">
          <img src="images/weixin.jpg" alt="官方微信自助客服" width="200" height="200">
          <p>
            <b>扫一扫</b>
          </p>
      </div>
      </div>
    </div>
    <script type="text/javascript">
      $(".service_box .tab_nav li").hover(function(){
      var i=$(this).index();
      $(this).addClass("active").siblings().removeClass("active");
      $(".service_box .tab_plan:eq("+i+")").show().siblings().hide();
      });
      $(function(){
      var t;
      $(".service_box").hover(function(){
          $(".service_box").animate({right:0},300)
          clearTimeout(t);
      },function(){
          t=setTimeout(function(e){
            $(".service_box").animate({right:"-250px"},300);
            $(".service_box").find(".tab_nav li").removeClass("active");
          },1000);
      });
      });
      var isTransition=true;
      $(".m_logo").hover(function(){
      var r=0;
      if(isTransition){
          animateTime = setInterval(function(){
            if (r>=153){
            clearInterval(animateTime);
            isTransition=true;
            }else{
            isTransition=false;
            r++;
            $(".m_logo a").attr("style","-webkit-mask:-webkit-gradient(radial, 45 25, "+r+", 45 25, "+(r+15)+", from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.2)), to(rgb(0, 0, 0)));")
            };
          },5);
      }
      },function(){
      return;
      });
    </script>
    <!-- 在线客服代码结束 -->               示例 2:
                      HTML 页面 javascript 代码引用注释
<!-- 百度免费搜索 & 提示 -->
    <script language="javascript">
      function g(formname){
      var url = "http://www.baidu.com/baidu";
      if (formname.s.checked) {
          formname.ct.value = "2097152";
      }
      else {
          formname.ct.value = "0";
      }
      formname.action = url;
      return true;
      }
    </script>
    <script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script>CSS 注释:
      1、单行注释语法:
/* 注释文字*/            示例:
/* 文本属性:字号、颜色、粗细 */      2、多行注释语法:
/*
注释文字 1
注释文字 2
注释文字 3
*/            示例:
/*
    Name:            mod_page_header
    Level:            Global
    Sample:            <h1 class="ph">Text</h1>
    Explain:      页面中标题级别的文字 [!]此处须整合为一个单独 class
    Last Modify:    lushnis
*/javascript 注释:
       1、单行注释语法:
//注释文字       1、多行注释语法:
/*
注释文字 1
注释文字 2
注释文字 3
*/

liangsheng 发表于 2014-12-24 07:27:14

html, HTML5, css, javascript, python

liangsheng 发表于 2014-12-24 07:27:28

html, HTML5, css, javascript, python

页: [1]
查看完整版本: HTML、javascript、CSS 注释符号、语法