html - 包装块级元素时的 HTML5 自动锚点生成

Question

所以这对我来说很有趣。我有以下示例标记：

<a href="test.html">
  <h2>Hello World</h2>
  <div>
    <p>Hello again</p>
  </div>
</a>

当我让我的谷歌浏览器（版本 26）呈现这个时，它会准确地显示这个标记。但是当我像这样在 div 中添加一个锚点时：

<a href="test.html">
  <h2>Hello World</h2>
  <div>
    <p>Hello again</p>
    <a href="something-else"></a>
  </div>
</a>

浏览器输出以下内容：

<a href="test.html">
  <h2>Hello World</h2>
  </a>
<div>
  <a href="test.html">
    <p>Hello again</p>
  </a>
  <a href="something-else"></a>
</div>

所以这绝对不是我想要的。我可以想象，为了能够单击内部链接，锚点仅应用于某些元素可能是有意义的，但我需要它只是我在那里写它的方式。这是有道理的，因为我必须通过 JavaScript 将内部 div 复制到另一个位置。但是当我这样做时，代码已经搞砸了并显示了第一个链接。

有谁知道如何处理这个？

提前谢谢了！

score 0 · Accepted Answer

不允许嵌套a元素：

内容模型：
透明，但不能有交互式内容后代。

交互式内容是“专门用于用户交互的内容”。例如a, button, input, audio...。

1 回答 1