<a>结束标签违反嵌套规则，我的代码问题出在哪？

你的代码核心问题是标签闭合顺序完全颠倒，直接违反了HTML嵌套规则：

• 你用<a>标签包裹了<div class="menutext">，但却先闭合了</a>，再去闭合</div>——HTML要求先打开的标签必须最后闭合，这种颠倒的闭合逻辑会让浏览器无法正确解析DOM结构，所以检测工具会报错。
• 补充说明：HTML5确实允许<a>标签包裹块级元素（比如<div>），你的思路本身没问题，只是闭合顺序错了。

修正后的代码（既保证按钮区域可正常跳转，又符合HTML规则）：

<div class="indexbody"></div>
<div class="img1"></div> <!--lantern.html image class-->
<a class="viewmenu" href="menu.html"> <!--Linking border text with href-->
    <div class="menutext">
        <span class="border ">
            View Our Menu
        </span>
    </div>
</a>

内容的提问来源于stack exchange，提问作者senikaura