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

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

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

使用翡翠代码：

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

使用 JSON 对象：

{
  article: {
    id: 'foo'
  }
}

Jade 输出是：

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

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

Jade - how to have extra href tag inside href tag