是否有标准的方法来制作下拉导航菜单?

时间:2014-06-05 10:54:22

标签: javascript html css drop-down-menu standards

构建交互式下拉导航菜单的行业标准是什么?

谷歌告诉我可以以各种方式完成。作为一名从事我的第一个主要网络项目的学生,我想知道是否有一种方法是标准做法。我宁愿不重新发明轮子,但我也不自信地挑选和信任那里的数百名导游之一,因为他们知道这可能是过时的或不好的练习。

如果实际上没有标准的做法,也没有最佳做法指南,请告诉我,我会删除这个问题。

2 个答案:

答案 0 :(得分:1)

最标准的方法是使用select

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

应与所有浏览器兼容。 更多信息:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select

如果你想获得更多时髦,那么你可以使用CSS或JS。

答案 1 :(得分:0)

此代码应该是自我解释:

<!-- The second value will be selected initially -->
<select name="select">
  <option value="value1">Value 1</option> 
  <option value="value2" selected>Value 2</option>
  <option value="value3">Value 3</option>
</select>

如有任何其他问题,请参阅MDN - select