最后更新:2026-09-12
<menu>菜单标签
表示一组命令或菜单项列表,常用于工具栏或上下文菜单,内部可放 <li> 或 <button> 等交互元素。
| 分类 | 表单 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </menu> 标签 |
| 状态 | 标准 |
📝 语法
<menu>
<li><button>复制</button></li>
<li><button>粘贴</button></li>
</menu>
⚙️ 属性
该元素支持全局属性及以下专有属性:
| 属性 | 值 | 描述 |
|---|---|---|
type | 菜单类型:toolbar(工具条,默认)或 context(右键菜单)。 | |
label | 菜单的可读名称,常用于 context 菜单。 |
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <menu> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示: menu 与 <ul> 类似但语义是“命令列表”;浏览器对它的渲染支持不一,复杂场景可用 <ul> 替代。
🏷️ 相关标签
💡 相关案例
更多案例即将上线,敬请期待。