Jade - 如何在href標記中添加額外的href標記

Question

a.item(href="/more/" + article.id) 
    div 
    p brief summary 
    a(href="/more/" + article.id) 

如果我嘗試在href標記中插入額外的href標記，它給了我奇怪的破碎布局。 Checked view source，它顯示最後一個href標籤在div之外。不知道如何在Jade模板中的href標記中添加href標記。

幫助讚賞。

Answer 1

此代碼適用於我。我建議檢查您的縮進，確保您始終使用空格，並且絕不使用製表符。 （也許這個嵌套的Anchor標記使用的是一個tab而不是四個空格。）但是請注意，不管輸出如何，嵌套的Anchor標記都是無效的HTML，而不是HTML兼容的。

該代碼使用在線玉處理器進行了測試：http://jade-lang.com/demo/

使用玉代碼：

a.item(href="/more/" + article.id) 
    div 
    p brief summary 
    a(href="/more/" + article.id) 

使用的JSON對象：

{ 
    article: { 
    id: 'foo' 
    } 
} 

翡翠輸出是：

<a href="/more/foo" class="item"> 
    <div> 
    <p>brief summary</p><a href="/more/foo"></a> 
    </div></a> 

關於無效的HTML：

如HTML4說明書所指出的，錨定標籤不能被嵌套在另一個錨標籤內：http://www.w3.org/TR/html4/struct/links.html#h-12.2

<!ELEMENT A - - (%inline;)* -(A) -- anchor -->

同樣也與HTML5規範成立：http://www.w3.org/TR/html-markup/a.html#a

The interactive element a must not appear as a descendant of the a element.