google-chrome - anchor 内跨度内 anchor ， Chrome

我在 chrome 中遇到问题(我认为还有 firefox) 我有一些看起来像这样的 html:

<a id="outside">
    <span id="middle>
        :contents
    </span>
</a>

如果 :contents 的计算结果为除 anchor 之外的字符串或标记，它会按预期呈现；

<a id="outside">
    <span id="middle">
        inside
    </span>
</a>

或

<a id="outside">
    <span id="middle">
        <div id="inside"></div>
    </span>
</a>

但是，如果它评估为一个 anchor ，它会呈现如下:

<a id="outside">
    <span id="middle>
    </span>
</a>
<a id="inside"></a>

anchor 跳出跨度。为什么？我该怎么做才能解决这个问题？

最佳答案

要修复它，您必须确保永远不会将 anchor 标记嵌入另一个 anchor 标记内 - 结果不可预测，因为它不符合标准。

如果您可以控制生成的代码，请确保通过将顶级 anchor 替换为可以同时包含 div 和 a 的内容来整理 HTML标记 - 也许是另一个 div 元素？

引用资料:

关于google-chrome - anchor 内跨度内 anchor ， Chrome ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16841683/