
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' ).
