在 Twitter Bootstrap 中实现下拉菜单背后的想法是什么? [关闭]

2024-01-04

我一直在研究 Twitter 的 Bootstrap 框架,给我留下了深刻的印象。但是,我不明白下拉导航菜单工作方式背后的想法。

首先,为了查看子链接,您必须单击父链接。我可以看到这样做的好处,但为什么不将更传统的悬停方法下拉菜单作为默认设置呢?

其次,Twitter Bootstrap 下拉菜单背后的想法似乎阐明了父页面。我可能没有很好地解释这一点...... 假设您有一个简单的网页结构:

  • Home
  • About
    • The Team
  • Services
    • 网页设计
    • Hosting
    • Domains
  • Contact

在传统的下拉菜单结构中,您将鼠标悬停在“关于”和“服务”上,就会出现包含子链接(例如“网页设计”、“托管”等)的下拉菜单。但是,您也可以单击父页面(即“关于”和“服务”)并访问它们。

使用 Bootstrap,结构中不能有父页面,必须使用锚标记(“#”)。单击此按钮后,您会在下拉列表中看到页面。如果有父页面,这就不好了。从语义(“#”是什么意思?)和可访问性(JavaScript 关闭、屏幕阅读器等)的角度来看,它也不是很好。

我可能错过了一些东西,但是有人可以解释一下这背后的想法,特别是在父页面和语义 html/可访问性方面吗?


这样做只是因为悬停菜单在触摸屏设备上不能很好地工作。

https://github.com/twitter/bootstrap/issues/1029 https://github.com/twitter/bootstrap/issues/1029

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Twitter Bootstrap 中实现下拉菜单背后的想法是什么? [关闭] 的相关文章