我一直在研究 Twitter 的 Bootstrap 框架,给我留下了深刻的印象。但是,我不明白下拉导航菜单工作方式背后的想法。
首先,为了查看子链接,您必须单击父链接。我可以看到这样做的好处,但为什么不将更传统的悬停方法下拉菜单作为默认设置呢?
其次,Twitter Bootstrap 下拉菜单背后的想法似乎阐明了父页面。我可能没有很好地解释这一点......
假设您有一个简单的网页结构:
-
Home
-
About
-
Services
- Contact
在传统的下拉菜单结构中,您将鼠标悬停在“关于”和“服务”上,就会出现包含子链接(例如“网页设计”、“托管”等)的下拉菜单。但是,您也可以单击父页面(即“关于”和“服务”)并访问它们。
使用 Bootstrap,结构中不能有父页面,必须使用锚标记(“#”)。单击此按钮后,您会在下拉列表中看到页面。如果有父页面,这就不好了。从语义(“#”是什么意思?)和可访问性(JavaScript 关闭、屏幕阅读器等)的角度来看,它也不是很好。
我可能错过了一些东西,但是有人可以解释一下这背后的想法,特别是在父页面和语义 html/可访问性方面吗?
这样做只是因为悬停菜单在触摸屏设备上不能很好地工作。
https://github.com/twitter/bootstrap/issues/1029 https://github.com/twitter/bootstrap/issues/1029
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)