编辑这个页面须要登录或更高权限！

HTML: <menu> 标签

HTML <menu>标签在HTML文档中定义了无序菜单列表。该标签通常也称为 <menu>元素。

在线示例

两个菜单按钮系列选项示例（"File" 和 "Edit"）：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 menu标签的使用(菜鸟教程 (cainiaojc.com))</title>
</head>
<body>
<menu type="toolbar">
  <li>
    <menu label="File">
      <button type="button" onclick="new()">New</button>
      <button type="button" onclick="save()">Save</button>
    </menu>
  </li>
  <li>
    <menu label="Edit">
      <button type="button" onclick="copy()">Copy</button>
      <button type="button" onclick="paste()">Paste</button>
    </menu>
  </li>
</menu>
</body>
</html>
测试看看 ‹/›
在此HTML5文档示例中，我们使用了样式为工具栏的<menu>标记创建了无序菜单列表。工具栏包含带有“新建”和“保存”的“文件”菜单，以及带有“复制”和“粘贴”的“编辑”菜单。

浏览器兼容性

IEFirefoxOperaChromeSafari

目前主流浏览器并不支持 <menu> 标签。

标签定义及使用说明

<menu> 标签定义了一个命令列表或菜单。

<menu> 标签通常用于文本菜单，工具条和命令列表选项。

<menu>标记由<li>标记组成。

您可以嵌套<ol>，<ul>和<menu>列表。

提示和注意

提示: 使用 CSS 来定义菜单列表样式。

HTML 4.01 与 HTML5之间的差异

HTML 4.01的 <menu> 元素已废弃。

HTML5 中 <menu> 元素已被重新定义。

属性

属性值描述
labelHTML5text描述菜单项的标记。
typeHTML5context
toolbar
list		描述显示菜单类型. 默认为 "list"。

全局属性

<menu> 标签支持全局属性，查看完整属性表 HTML全局属性。

事件属性

<menu> 标签支持所有 HTML事件属性。

HTML: <meta> 标签HTML5: <mark> 标签

HTML 参考手册
HTML 标签大全