<menu>标签在HTML5中虽被重新定义为命令菜单容器，但因Chrome、Edge、Safari等主流浏览器完全不支持其type="context"或type="toolbar"行为，label属性被忽略，<menuitem>已被规范移除，实际渲染等同于无样式的<div>，无法构建真正可用的交互式菜单。
<menu> 标签在 HTML5 规范中确实被重新定义为“命令菜单容器”，但它不能用来构建实际可用的交互式菜单——这是最需要 upfront 明确的一点。
主流浏览器（Chrome、Edge、Safari）对 <menu> 的 type="context" 或 type="toolbar" 基本不解析，label 属性完全被忽略，<menuitem> 更是早已被移出规范草案。你写出来的结构，浏览器要么当普通块级元素渲染，要么直接降级成 <ul> 处理。
<menu> 在 Chrome / Edge / Safari 中根本不会触发右键菜单
你写
<button contextmenu="my-menu">+<menu type="context" id="my-menu">，不会弹出任何上下文菜单-
浏览器会静默忽略
contextmenu属性与<menu>的关联逻辑立即学习“前端免费学习笔记（深入）”；
Firefox 曾短暂支持过
type="context"，但自 2022 年起也已弃用；目前所有稳定版均无实质支持实际效果等同于：
<div><button>...</button></div>，仅保留语义占位，无行为即使加了
onclick或addEventListener('contextmenu', ...)，也得你自己手动preventDefault()+ 定位弹窗，和<menu>无关
<menu> type="toolbar" 渲染结果就是个没样式的 <div>
文档里说它“用于工具栏”，但浏览器既不提供默认 toolbar 布局，也不响应
label或autosubmit-
写成这样：
anything-to-html下载将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
<menu type="toolbar"> <button>Save</button> <button>Undo</button> </menu>
浏览器只按display: block渲染，按钮垂直堆叠，无分组、无焦点管理、无键盘导航支持 如果你真想做工具栏，
<nav>+role="toolbar"+aria-orientation="horizontal"是可访问且兼容的起点<menu>在这里不带来任何额外能力，反而可能误导辅助技术（因为 screen reader 可能误读为“菜单”而非“工具栏”）
现代项目里怎么安全实现菜单交互？
所有可点击菜单项必须用
role="menuitem"，父容器用role="menu"，并手动处理ArrowUp/Down、Enter、Escape键盘逻辑必须显式设置
tabindex="-1"控制焦点流，不能依赖浏览器自动聚焦上下文菜单需监听
contextmenu事件，调用event.preventDefault()，再用position: absolute+top/left定位弹层工具栏按钮建议用
<div role="toolbar">包裹，每个按钮加role="button"和tabindex="0"不要用
<menuitem>：该标签已被 HTML Living Standard 移除，连 MDN 都标记为“deprecated”不要依赖
label属性：所有主流引擎都不识别它，写了等于白写
<menu> 最容易被忽略的坑，是它看起来“很标准”，写起来“很语义”，但运行时完全不工作——而且错误没有任何提示。它不会报错，不会警告，只是安静地失效。你在 DevTools 里看到它被渲染成一个空壳容器，还以为是 CSS 没写对，其实问题出在底层行为根本不存在。
