无法在html5中嵌套链接？
无法在html5中嵌套链接？
提问于 2011-02-10 06:49:32
在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>这不管用。嵌套列表嵌套在另一个a标记中。
因此，我在xhtml中经常使用的一种技术在html5中不起作用。我的问题是，在您想要创建弹出菜单的情况下，您应该怎么做？有没有什么技术可以在html5中使用，让它像在xhtml中一样简单？我知道我可以创建这个没有嵌套链接的弹出菜单，但我喜欢旧方法的简洁性。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-02-10 07:14:49
在嵌套列表中构建菜单结构，并让每个列表中的第一个元素都是一个链接。效果很好，你可以让它在CSS中看起来很好。
Stack Overflow用户
发布于 2011-02-10 07:18:12
I never want to make a flyout menu，但是如果客户端不能被说服，那么：
- 顶层的链接列表将被表示为一个列表，而不是直接位于导航元素
- 下的一堆锚点。我将构建DOM，以便子菜单将被表示为出现在链接之后的列表，而不是它内部的列表。
- 我会使用JavaScript来处理打开/关闭，因为
:hover是不够的：- 不能使用键盘访问，或者
- 在关闭之前允许点离开菜单后的时间(对于某些人来说，很难不抖动边缘，例如关节炎)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4951504
复制相关文章
相似问题
腾讯云开发者
