我一直在看Twitter的Bootstrap框架,我真的很印象深刻。但是,我不明白下拉菜单的工作原理。
首先,为了看到孩子的链接,你必须点击父母。我可以看到这个的好处,但是为什么没有更多的传统下拉式悬停方法作为默认的?
其次,Twitter Bootstrap的下拉菜单中的想法似乎照亮了父页面。我可能没有很好的解释
说,你有一个简单的网页结构:
>首页
>关于
>团队
>服务
>网页设计
>托管
>域名
>联系人
在传统的下拉菜单结构中,您可以将鼠标悬停在“关于”和“服务”上,并显示包含子链接(例如“网页设计”,“托管”等)的下拉菜单。但是,您也可以单击父页面(即“关于”和“服务”)并访问它们。
使用Bootstrap,您不能在结构中具有父页面,您必须使用锚标签(“#”)。当您单击此处时,您将看到下拉列表中的页面。这是没有好的,如果有一个父页面。从语义(“#”是什么意思?)和可访问性(javascript关闭,屏幕阅读器等)的角度来看也不是很好。
我可能错过了一些东西,但有人可以解释这个背后的思想,特别是关于父页面和语义HTML /可访问性?
解决方法
这样做完全是因为悬停菜单在触摸屏设备上不能正常工作。