jade入门系列之标签和注释

 

     1、jade中标签如何解析:

 

  • html

     解析后:

 

<html></html>

 

  • div#wrap  或者 #wrap

     解析后:

 

<div id="wrap"></div>

 

 

  • div.wrap  或者.wrap

      解析后:

 

<div class="wrap"></div>

 

 

  • input#age.big.input
      解析后:
<input id="age" class="big input"/>
 

 

  • p 我是一个段落

      解析后:

 

<p>我是一个段落</p>

 

 

   2、 jade中注释如何解析:

 

  • 单行注释://单行注释
       解析后:

 

<!-- 单行注释 -->
 
  • 支持不输出的注释,前面加一个-(短横线)
       //-这个注释不会显示 
 
  • 块注释

   会根据注释来处理

 

//
 ul.test
   li 第一版
   li 第二版
   li 第三版

 

    编译后:
<!--
<ul class="test">
  <li>第一版</li>
  <li>第二版</li>
  <li>第三版</li>
</ul>-->
 
 
  • 条件注释:
// if lt IE 8
   script(src="forIE.js")

 

    编译后:

 

<!--[if lt IE 8]><script src="forIE.js"></script><![endif]-->

 

 

  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值