To extend this layout, create a new file and use the extends directive with a path to the parent template. - layout.pug html head title My Site - # block scripts script ( src = '/jquery.js' ) body block content block foot #footer p some footer content The example below defines block scripts, block content, and block foot. Providing default content is purely optional, though. Pug blocks can provide default content, if appropriate. In a template, a block is simply a “block” of Pug that a child template may replace. Template inheritance works via the block and extends keywords.

(Note the scroll bar at the bottom.Pug supports template inheritance. This is best illustrated with an example: Lines will never wrap where a non-breaking space is used. The difference is that where an ordinary space is used, multiple spaces will be shown as a single space and if a line overflows, the text will continue on the next line.* Non-breaking spaces on the other hand will allways be shown. The correct HTML entity to use is (or if you like hexadecimal numbers). = evaluates a JavaScript expression and outputs the result.Īlso note that is not the same as a space in HTML. If you are in an environment where trailing spaces are not preserved, you can alternatively use the following: b Hello So, in effect, to pipe a white-space you need a | character followed by two spaces. Note that when specifying tag contents / piping text, the actual text content is preceded by a white space. Of course, when you have two of the same tags after each other, you can simply merge them:īut, if you would have two different sibling tags and would want a space between them, you could use piping to output a space between them.

Html entities in pug template