制作跳转菜单(HTML选择下拉列表)的最佳方法是什么？

Question

<option>HTML中的每个<select>都有外部URL,应该在新窗口中打开.如果有可能只用CSS和HTML制作那么好,如果没有JavaScript就不可能那么它应该是不引人注目的.

Answer 1

"跳转菜单"是多年前的一个名誉扫描的导航设备,不应该被带回来.

自动导航更改<select>菜单不适合导航,因为:

1. 键盘用户每次移动选择时都会触发更改事件,使他们无法使用控件;

2. 非JavaScript代理(包括搜索引擎)将无法查看或关注链接;

3. 表格值保留在页面后退/前进导航中,使选择在导航后显示错误的值,使得无法再次选择相同的选项;

4. 用户无法使用浏览器的常规导航工具,如中键,"在新标签中打开"或"书签链接".

因此,制作跳转菜单的"最佳"方式不是.如果你想要一些行为相似但没有这些缺点的东西,那就去找一个<div>隐藏的,然后用JavaScript重新弹出它,包含<a>指向它们所去的页面的普通链接.如果你真的想要的话,你可以把它设计成看起来像下拉列表,如果必须的话,你可以让它们在左键单击时打开新的窗口(尽管我希望你不会).