<menu>：菜单元素

基线广泛可用

此功能已完善，可在许多设备和浏览器版本上运行。它自以下时间起在浏览器中可用： 2015 年 7 月.

<menu> HTML 元素在 HTML 规范中被描述为 <ul> 的语义替代方案，但浏览器将其视为与 <ul> 没有区别（并通过辅助功能树公开）。它表示项目的无序列表（由 <li> 元素表示）。

试试看

属性

此元素仅包含全局属性。

使用说明

<menu> 和 <ul> 元素都表示项目的无序列表。关键区别在于 <ul> 主要包含用于显示的项目，而 <menu> 旨在用于交互式项目。

注意：在 HTML 规范的早期版本中，<menu> 元素还具有作为上下文菜单的用例。此功能被认为已过时，并且不在规范中。

示例

在此示例中，<menu> 用于为编辑应用程序创建工具栏。

HTML

html

<menu>
  <li><button onclick="copy()">Copy</button></li>
  <li><button onclick="cut()">Cut</button></li>
  <li><button onclick="paste()">Paste</button></li>
</menu>

请注意，这在功能上与以下内容没有区别

html

<ul>
  <li><button onclick="copy()">Copy</button></li>
  <li><button onclick="cut()">Cut</button></li>
  <li><button onclick="paste()">Paste</button></li>
</ul>

CSS

css

menu,
ul {
  display: flex;
  list-style: none;
  padding: 0;
  width: 400px;
}

li {
  flex-grow: 1;
}

button {
  width: 100%;
}

结果

技术摘要

内容类别	流内容（Flow content）。如果元素的子元素包含至少一个` `元素（`<li>`）：可感知内容（Palpable content）。
允许的内容	零个或多个` `（`<li>`）、`