W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML <menu> 标签


Example

具有不同 <menuitem> 元素的上下文菜单:

<menu type="context" id="mymenu">
  <menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
  </menuitem>
  <menu label="Share on...">
    <menuitem label="Twitter" icon="ico_twitter.png"
    onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
    </menuitem>
    <menuitem label="Facebook" icon="ico_facebook.png"
    onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
    </menuitem>
  </menu>
  <menuitem label="Email This Page"
  onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
尝试一下 »

定义及使用说明

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

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


浏览器支持

表中的数字指定第一个完全支持该元素的浏览器版本。

Element
<menu> Not supported Not supported 8.0
(only context menus)
Not supported Not supported

注意: Firefox中仅支持 <menu> 标签,仅适用于上下文菜单。


提示和注释

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


DHTML 4.01 与 HTML5之间的差异

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

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


属性

= HTML5 中的新属性。

属性 描述
label text 描述菜单项的标记
type list
toolbar
context
描述显示菜单类型

全局属性

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


事件属性

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


相关文章

HTML DOM 参考手册:Menu 对象


默认CSS设置

大多数浏览器都以以下默认值的形式显示 <menu> 元素:

menu {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}