Now let’s start making things a little more interesting by serving up some dynamic content. In the previous post we served up some static content. In both cases the default behavior is to escape the line.This post is part of a Node.js series and is a continuation of my last post, Serving Static Content with Node.js and Express. 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' ).

Pug template width