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. In both cases the default behavior is to escape the line.Pug supports template inheritance. In the second line the paragraph content is a text string concatenated with the title variable. So for example, in the first line below, the content of the h1 tag will be variable title (either defined in the file or passed into the template from Express). If a tag is followed by the equals sign, the following text is treated as a JavaScript expression. characters like ' >' are converted to their HTML code equivalents like ' >') to prevent JavaScript injection or cross-site scripting attacks. The values of all attributes are escaped (e.g. meta(name='viewport' content='width=device-width initial-scale=1').script(type='text/javascript'), link(rel='stylesheet', href='/stylesheets/style.css').Inside the parentheses, the attributes are defined in comma- or whitespace- separated lists of the pairs of attribute names and attribute values, for example: H2 Generate a list ul each val in li = valĮlement attributes are defined in parentheses after their associated element. Strong focus on performance and powerful features.

Pug is a terse and simple template language with a else p A variable named 'title' does not exist.

col if title p A variable named 'title' exists.

p = 'Evaluated and escaped expression:' + title // You can add single line JavaScript comments and they are generated to HTML comments //- Introducing a single line JavaScript comment with '//-' ensures the comment isn't rendered to HTML p A line with a link a ( href = '/catalog/authors' ) Some link text | and some extra text. body h1 = title p This is a line with # and # markup. Doctype html html ( lang = 'en' ) head title = title script ( type = 'text/javascript' ).

Example pug template