Creating text content

As seen in some of the examples, adding text to a tag is just about putting it right after a tag:

Jade

HTML

div Here goes some text

<div>Here goes some text</div>

p One-line paragraph

<p>One-line paragraph</p>

button Click Me

<button>Click Me</button>

The preceding method works very well for single-line text, but it cannot handle multiline text. So how do we write multiline text?

There are two ways of handling this: text blocks defined using the bar notation and the dot notation.

The bar notation uses the vertical bar character (|) to mark the contents of a text block. The text block should be indented within the containing tag:

Jade

HTML

p
  | one two
  | buckle my shoe

<p> one two buckle my shoe </p> ...

Get Express Web Application Development now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.