Tags
By default, text at the start of a line (or after only white space) represents an html tag. Indented tags are nested, creating the tree like structure of html.
ul
li Item A
li Item B
li Item C
<ul>
<li>Item A</li>
<li>Item B</li>
<li>Item C</li>
</ul>
Jade also knows which elements are self closing:
img
<img/>
Block Expansion
To save space, jade provides an inline syntax for nested tags.
a: img
<a><img/></a>
Self Closing Tags
Tags such as img
, meta
, link
and so on are automatically self-closing (unless you use the xml doctype). You can also explicitly self close a tag by simply appending the /
character. Only do this if you know what you're doing
foo/
foo(bar='baz')/
<foo/>
<foo bar="baz"/>