正常属性

HTML 标签:

标记属性看起来类似于 html,但它们的值只是常规 JavaScript。

a(href='google.com') Google
a(class='button', href='google.com') Google

结果:

<a href="google.com">Google</a><a href="google.com" class="button">Google</a>

变量:

所有正常的 JavaScript 表达式都可以正常工作:

- var authenticated = true
body(class=authenticated ? 'authed' : 'anon')

结果:

<body class="authed"></body>

许多属性

如果你有许多属性,也可以将它们分布在多行中:

input(
  type='checkbox'
  name='agreement'
  checked
)

结果:

<input type="checkbox" name="agreement" checked="checked"/>