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>