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"/>
原文地址:https://www.cnblogs.com/wsy06/p/4986156.html