Jade - 如何在href标签内部添加额外的href标签

Question

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

如果我尝试在href标签内插入额外的href标签，它给了我一个奇怪的破坏布局。检查了视图源，它显示最后一个href标记在div之外。不知道如何在Jade模板中的href标记内部使用href标记。

帮助表示赞赏。

Answer 1

这段代码对我有用。我建议检查你的缩进，确保你总是使用空格，而不是使用标签。 （也许嵌套的Anchor标签使用制表符而不是四个空格。）但是，请注意，无论输出如何，嵌套的Anchor标记都是无效的HTML而不是HTML兼容。

此代码使用在线Jade处理器进行测试：http://jade-lang.com/demo/

使用Jade代码：

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规范中所述，Anchor标记不能嵌套在另一个Anchor标记中：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.