Html 嵌套导航将退出其父锚点元素

我正在尝试使用嵌套的无列表导航实现一个子菜单，如下面的代码所示

---

即使嵌套的锚包含在

元素中，也不能在锚标记内放置锚标记

惯例是使用

标记嵌套导航元素（链接列表）

Chrome只是表现得很好，试图修复无效的标记。

试试这个：

<ul>
    <li><a href="#">A1</a></li>
    <li>A2
        <ul id="sub-nav">
            <li><a href="#">A2.1</a></li>
        </ul>
    </li>
    <li><a href="#">A3</a></li>
</ul>

A2

---

问题是将一个元素放在一个元素的内部。

它应该是什么样子？最初，我将向锚添加一个onclick处理程序来显示/隐藏“sub nav”，因此它应该显示在该锚下。它的工作，因为它应该是，但与这个额外的锚显示。另外，当我尝试使用JS获取锚孩子们时，“sub-nav”不在那里..对不起，这真的很模糊。请添加图像，以便我们可以看到最终输出的样子。您是正确的@superUntitled。我被导航分心了。谢谢