Interpolation allows dynamic values to appear inside text.

p Hello, #{name}.

If name contains Alex, the result is:

<p>Hello, Alex.</p>

Escaped interpolation

Use #{} when the value should be HTML-escaped.

Unescaped interpolation

!{} inserts a value without escaping it.

p!= htmlContent

Only use unescaped values when you fully trust or sanitize their source.

Inline elements

Jade also supports inline tag interpolation:

p
  | Read our
  #[a(href="/docs") documentation]
  | to learn more.

This is useful when text and inline HTML elements need to share a single line of content.