zoukankan      html  css  js  c++  java
  • Jade之标签

    一种简洁的便于书写html的模板语言。
    支持所有的html(5)标签和正常的javascript表达式

    标签

    相比于html,jade的标签只需一个标签名即可,不需要关闭标签,也不需要尖括号。
    对于需要嵌套的标签,利用缩进来控制,所以jade对缩进的要求十分的严格。

    jade:

    ul
      li Item A
      li Item B
      li Item C
    

    html:

    <ul>
      <li>Item A</li>
      <li>Item B</li>
      <li>Item C</li>
    </ul>
    

    块扩展

    为了省空间,jade支持将多重嵌套合为一行(好像只能2个标签,见代码)。

    jade:

    a
      img
    
    //- 也可以这样  
    a: img
    
    //- a: img p 这样好像就会报错
    a: a: p
    

    html:

    <a><img/></a>
    
    <a><img/></a>
    
    <a><a><p></p></a></a>
    

    自闭标签

    对于html中像img这样的自闭标签,jade可以支持如下书写。

    jade:

    foo/
    foo(bar='baz')/
    

    html:

    <foo/>
    <foo bar="baz"/>
    
  • 相关阅读:
    day89
    day88
    day87
    day86
    day85
    day84
    day83
    Maven仓库汇总
    [转载]AngularJS入门教程04:双向绑定
    [转载]AngularJS入门教程03:迭代器
  • 原文地址:https://www.cnblogs.com/wsy06/p/4986156.html
Copyright © 2011-2022 走看看