HTML 参考手册

HTML 标签大全

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事件属性