HTML DOM Menu 对象

在 HTML 中，<menu> 元素用于定义菜单。它可以包含 <li> 元素作为菜单项，以及 <menuitem> 元素作为具体的菜单选项。

属性

• type：指定菜单的类型，可以是 context、toolbar、list 或 popup。
• label：定义菜单的标签。
• compact：指定菜单是否应该以紧凑模式显示。

示例代码

<menu type="context" label="右键菜单">
  <menuitem label="复制"></menuitem>
  <menuitem label="粘贴"></menuitem>
  <menuitem label="剪切"></menuitem>
</menu>

在上面的示例中，我们创建了一个右键菜单，其中包含三个菜单选项：复制、粘贴和剪切。

使用场景

• 上下文菜单：可以在用户右键点击某个元素时显示上下文菜单，提供相关的操作选项。
• 工具栏：可以将菜单作为工具栏使用，快速访问常用功能。
• 列表：可以将菜单用作列表，提供更多操作选项。

<menu> 元素在 HTML5 中已经被废弃，推荐使用其他更现代的方式来实现菜单功能，比如使用 <ul> 和 CSS 样式来创建自定义的菜单。