奇怪的锚标签行为 - 可怕

Question

我知道这很愚蠢，但只是听，我的页面中有这个HTML代码，但是当我在Chrome浏览器中打开它时，它显示出奇怪的行为（查看图像）。是的我通过在IE浏览器中打开再次尝试了但是结果相同，锚标签不能正常工作。此外，我尝试通过禁用并删除所有我的Javascript文件和代码，但仍然。

任何帮助将不胜感激：）

图片：

HTML code：

<div class="post">
    <a href="#0">
        <div class="post-image">
            <img src="img/jan-erik-waider-1639.jpg" alt="" />
        </div>
        <div class="post-data align-center">
            <a class="post-category" href="#0">Personality</a>
            <div class="post-title">
                <h2>We swallow it fast, we choke. We get in our lungs</h2>
            </div>
            <div class="post-excerpt">
                <p>Awesome get some in our lungs, we. That's clear. We swallow it too fast, That's also clear. But for some
                    reason, we choke....</p>
            </div>
        </div>
    </a>
</div>

Answer 1

HTML语法中禁止使用嵌套锚元素。在实践方面，浏览器在解析规则中有效地强制执行此限制。

You can find a detailed reference here

Answer 2

是HTML语法中禁止嵌套的锚元素。

在HTML5之前，您不能在标签内放置标签。但你可以这样做。

<a href="#0">
   <span id="bestprice">
   </span>
</a>