Further to our previous tutorial, sometimes it may be necessary to nest HTML tags inside of each other. Element interpolation with Pug is done in a syntax similar to variable interpolation; square brackets instead of curly braces are used here.
The syntax of interpolated HTML elements is identical to the implementation of normal HTML elements.
1 2 3 4 5 6 7 8 |
doctype html html head title My Awesome Website body p The server room went #[b boom]! p The fire alarm, however, #[u failed to go off...] p Not even #[a(href="https://stackoverflow.com/") Stack Overflow] could save them now. |
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <head> <title>My Awesome Website</title> </head> <body> <p>The server room went <b>boom</b>!</p> <p>The fire alarm, however, <u>failed to go off...</u></p> <p>Not even <a href="https://stackoverflow.com/">Stack Overflow</a> could save them now.</p> </body> </html> |