← 返回 Web 词条

菜单

Web需自己实现

Web 原生没有这个

网页没有能直接生成应用操作菜单的原生元素,需要自行处理弹层、焦点、方向键和关闭行为。

通常怎么做:普通网站导航不要套菜单角色;只有桌面应用式命令菜单才按 APG Menu 模式实现。

适用范围:桌面与移动端现代浏览器

社区一般叫它 Menu · Menubar · Context Menu

它在临时浮层中列出一组操作或命令,用户选择一项后通常会立即关闭。

  • 点三个点出来的一列操作
  • 右键后弹出来的选项列表
  • 点小箭头展开让我选动作的框
  • 操作菜单
  • 下拉菜单
  • 上下文菜单

结构示意图

WebMenu需自己实现

其他平台的相似实现

使用规范

什么时候用

  • 收纳与当前对象或位置直接相关的少量命令,避免占用常驻空间

什么时候别用

  • 用户必须同时比较选项说明,或菜单里塞入复杂表单和长内容

容易混淆

Web 出处

查看 Web / iOS / Android 完整对照 →