HTML <menu> 标签

定义及使用说明

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

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

浏览器支持

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

提示和注释

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

HTML 4.01 与 HTML5之间的差异

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

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

实例

两个菜单按钮系列选项实例("File" 和 "Edit"):

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML menu 标签 xinbiancheng.cn</title>
</head>
<body>
<menu type="toolbar">
 <li>
  <menu label="File">
   <button type="button" onclick="file_new()">New...</button>
   <button type="button" onclick="file_open()">Open...</button>
   <button type="button" onclick="file_save()">Save</button>
  </menu>
 </li>
 <li>
  <menu label="Edit">
   <button type="button" onclick="edit_cut()">Cut</button>
   <button type="button" onclick="edit_copy()">Copy</button>
   <button type="button" onclick="edit_paste()">Paste</button>
  </menu>
 </li>
</menu>
<p><b>注意:</b>目前主流浏览器并不支持 menu 标签。</p>
</body>
</html>

输出:

  • 注意:目前主流浏览器并不支持 menu 标签。

     

    <menu> 标签HTML5 中的新属性

    属性 描述
    label text 规定菜单的可见标签。
    type popup
    toolbar
    规定要显示哪种菜单类型。

    全局属性

    <menu> 标签支持 HTML 中的全局属性

    事件属性

    <menu> 标签支持 HTML 中的事件属性