结束标记 a 违反嵌套规则答案

【问题标题】：End tag a violates nesting rules结束标记 a 违反嵌套规则
【发布时间】：2013-12-02 15:48:50
【问题描述】：

我在 W3 上验证了我的代码，但出现了这个错误，我不知道如何修复它。这是我的代码

<section class="flex">
    <a href="mug.html">
        <div class="img">
        <img src="images/img5mug1.jpg" alt="We are Infinite mug">
        We are Infinite mug
    </a>
</section>
<section class="flex">
    <a href="tshirt.html">
        <div class="img">
        <img src="images/img6tshirt1.jpg" alt="The Perks of Being a Wallflower t-shirt">
        The Perks of Being a Wallflower t-shirt
    </a>
</section>
<section class="flex">
    <a href="bag.html"><div class="img">
        <img src="images/img7bag1.jpg"  alt="The Perks of Being a Wallflower bag">
        The Perks of Being a Wallflower tote bag
    </a>
</section>
<section class="flex">
    <a href="cap.html"><div class="img">
        <img src="images/img8cap1.jpg" alt="The Perks of Being a Wallflower cap">
        The Perks of Being a Wallflower cap
    </a>
</section>

【问题讨论】：

什么错误？将其直接粘贴到验证器将失败，因为它需要一整页...
<div class="img"> - 你似乎没有在任何地方关闭这个<div>...
您没有正确关闭<div> 标签。
那么您是否阅读了错误消息？ w3c 验证器告诉您如何修复所有错误。

标签： html validation

【解决方案1】：

在每个a 中，您正在打开但不关闭带有“img”类的div。这可能没有帮助。

另外，您使用的是什么文档类型？ HTML 4.01 不喜欢你用a 包裹div，而HTML5 应该没问题（尽管我假设你使用的是HTML5，因为你的sn-p 包含section）。

【讨论】：