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

Question

所以这对我很有意思。我有以下示例标记：

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

当我使用我的Google Chrome（第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复制到另一个位置。但是当我这样做时，代码已经搞砸了并显示了第一个链接。

有人知道如何处理这个问题吗？

非常感谢提前！

Answer 1

不允许嵌套a elements：

  

内容模型：
      透明，但必须没有互动内容后代。

Interactive content是“专门用于用户互动的内容”。例如a，button，input，audio，....