界面组件 深入了解 D · 日常用语或特定名称

Menu & Menubar — Learning Bundle

菜单与菜单栏(教学组合)

这个教学组合比较两个不同术语。菜单(Menu)会列出命令;菜单栏(Menubar)是一直显示的命令菜单组。这个组合不是单一标准界面术语。

动手试试看
也有人这样说 Menu & Menubar — Learning BundleMenu 与 Menubar 教学组合命令菜单课程应用菜单比较

动手试试看

菜单与菜单栏(教学组合)
打开命令菜单

生活中的例子

在编辑器里,菜单栏可以打开“文件”和“编辑”菜单,也能用键盘移动。

主要部分

  1. 01当前位置
  2. 02目标标签
  3. 03焦点顺序
  4. 04响应式行为

什么时候用

应用有很多命令时,可以用这个组合分辨并实现菜单(Menu)或菜单栏(Menubar)。

什么时候不要用

普通网站导航栏不要套用桌面应用的命令菜单语义。

代码里的名称

role="menu" / role="menubar"

上线前要检查

确认每个成员概念都有自己的名称与指南,并放在同一个场景中比较。用看得到的规则说明各成员何时适用、哪些组合合理。不可把整组说成单一正式模式,也不可说成能任意替换的做法。

可以直接复制的需求

预期结果:用 菜单与菜单栏(教学组合) (Menu & Menubar — Learning Bundle) 比较其中不同的概念。说明各自边界,再判断哪些成员适用、哪些可以一起使用。 用户场景:在编辑器里,菜单栏可以打开“文件”和“编辑”菜单,也能用键盘移动。 要拆解的教学组合:菜单与菜单栏(教学组合) (Menu & Menubar — Learning Bundle)。 正式成员指南:命令菜单 (Menu)、菜单栏 Widget (Menubar) 这项比较的价值:应用有很多命令时,可以用这个组合分辨并实现菜单(Menu)或菜单栏(Menubar)。 不可把整组当成单一模式的情况:普通网站导航栏不要套用桌面应用的命令菜单语义。 比较要求:分别列出每个成员概念,说明各自的工作与边界。把所有成员放进同一个真实场景。指出哪些看得到的信号会决定采用、组合或排除每个成员。 决策质量:说明平台与证据的限制。指出哪些概念可以共存,也要标出错误类比、不安全替代,以及应改用其他概念的情况。 验收标准:读者能用一句话解释每个成员,在示例中看出差异,说明采用某个成员或合理组合的理由,并打开每个成员的正式指南。 证据与限制(证据边界):这不是正式规范标准。不同来源使用的名称、范围和预期做法可能不同。 待确认:目标平台、决策场景、限制,以及采用、组合或排除成员所需的证据。

检查这份需求

请 AI 编程助手检查当前如何使用 菜单与菜单栏(教学组合) (Menu & Menubar — Learning Bundle)。 定义:这个教学组合比较两个不同术语。菜单(Menu)会列出命令;菜单栏(Menubar)是一直显示的命令菜单组。这个组合不是单一标准界面术语。 生产环境检查:确认每个成员概念都有自己的名称与指南,并放在同一个场景中比较。用看得到的规则说明各成员何时适用、哪些组合合理。不可把整组说成单一正式模式,也不可说成能任意替换的做法。 修改程序前,先列出看到的证据、缺口、严重程度,以及最小且安全的修正。

D
这个术语有多正式?

日常用语或特定名称

这可能是常用旧称、特定公司的用语,或 Vibulary 的分类名称。来源可能只说明做法或限制,不一定定义这个名称。

这不是正式规范标准。不同来源使用的名称、范围和预期做法可能不同。

适用范围
只包含来源有说明的内容:正式名称、定义、语义、实现、交互行为、键盘行为、无障碍
文档状态
正式推荐标准
核验日期
2026-07-30

证据来源与适用范围

正式来源 · W3C · 正式推荐标准 Accessible Rich Internet Applications (WAI-ARIA) 1.2 适用范围: 正式名称、定义、语义、实现 本页用途: 提供背景,不是正式定义 来源涵盖内容: 正式名称, 定义, 语义, 实现 正式来源 · W3C WAI · 稳定 Menu and Menubar Pattern 适用范围: 正式名称、定义、交互行为、键盘行为、无障碍 本页用途: 提供背景,不是正式定义 来源涵盖内容: 正式名称, 定义, 交互行为, 键盘行为, 无障碍

自行复制

浏览器无法自动复制。请选择下方文字,再自行复制。