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:
To save space, jade provides an inline syntax for nested tags.
Self Closing Tags
Tags such as
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"/>