HTML Preprocessors

Pug

Shorthand for typing html code.

Div with class attribute, h2, and paragraph of text

div.block
  h2 My Block
  p This is my block!

<div class="block">
  <h2>My Block</h2>
  <p>This is my block!</p>
</div>