无法在html5中嵌套链接？

Question

在xhtml中,我通常嵌套列表,关闭标记然后在结束标记之前开始新的.这种技术使得列表结构在没有任何css的情况下呈现清晰,并且它是应用JS的便捷结构.

今天我遇到了在html5文档中嵌套链接的问题:

<header>
   <nav>
       <a href="#">A link</a>
       <a href="#">A link
           <ul>
               <li><a href="#">nested link</a></li>
               <li><a href="#">nested link</a></li>
               <li><a href="#">nested link</a></li>
           </ul>
       </a>
   </nav>
</header>

哪个不起作用.嵌套列表嵌套在另一个标记中.

所以我在xhtml中经常使用的技术在html5中不起作用.我的问题是你在想要创建弹出菜单的情况下做了什么？是否有一种技术可以在html5中使用,使其像在xhtml中一样简单？我知道我可以在没有嵌套链接的情况下创建这个弹出菜单,但我喜欢旧方法的简洁性.

Answer 1

在嵌套列表中构建菜单结构,并使每个列表中的第一个元素成为链接.工作得很好,你可以让它看起来正确的CSS.