结束标记违反了嵌套规则

Question

我在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>

Answer 1

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

另外，你使用的是什么doctype？ HTML 4.01不希望您使用div包装a，而HTML5应该可以使用它（尽管我假设您使用HTML5，因为您的代码段包含section）。