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