HTML 元素插值

Created: November-22, 2018

可能需要将 HTML 标记嵌套在彼此内部。元素插值以类似于变量插值的语法完成; 这里使用方括号而不是花括号。内插 HTML 元素的语法与普通 HTML 元素的实现相同。

index.pug

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.

index.pug 输出

<!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>