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>