菜单栏

菜单栏是一行横排的菜单标题，就像 Word、Figma、VS Code、在线表格顶部的「文件 编辑 视图 插入 格式 帮助」。点其中一项会向下展开一列命令，命令旁边常写着快捷键（⌘S、Ctrl+Z），带箭头的项还能展开二级菜单。菜单打开后，鼠标在各个标题之间滑动，展开的菜单会跟着切换。它适合功能很多的工具类应用，把上百个命令按类别收好，用户也能从这里顺便记住快捷键。

它常被和 顶部导航栏 混淆：导航栏的每一项是跳到另一个页面的链接；菜单栏每一项展开的是对当前文档执行的命令，页面不跳转。和 工具栏 的区别：工具栏把最常用的操作做成一排图标按钮直接点；菜单栏收纳全部命令，要点开才看得到，两者常上下叠放。单独一个「更多」按钮弹出的一列选项是 下拉菜单，一整行这样的菜单才叫菜单栏。

普通网站、后台管理系统不需要菜单栏，用导航栏就够了。做的时候要支持键盘：容器用 role="menubar"，左右方向键在标题之间移动，上下方向键在命令之间移动，Esc 关闭；命令旁边写上对应的快捷键。