<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>`）、` © . Content available under a Creative Commons license.