例
不同的上下文菜單<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>標籤用於上下文菜單，工具欄和上市表單控件和命令。
瀏覽器支持
在表中的數字指定完全支持元件的第一個瀏覽器的版本。
| 元件 | |||||
|---|---|---|---|---|---|
| <menu> | 不支持 | 不支持 | 8 （僅限上下文菜單） | 不支持 | 不支持 |
注： <menu>標籤只支持在Firefox中，它僅適用於上下文菜單。
提示和注意
提示：使用CSS樣式菜單列表。
HTML 4.01和HTML5之間的差異
在<menu>元素被棄用的HTML 4.01。
在<menu>元素在HTML5重新定義。
屬性
=新的HTML5。
| 屬性 | 值 | 描述 |
|---|---|---|
| label | text | 指定一個可見標籤的菜單 |
| type | list toolbar context | 指定菜單的類型要顯示的 |
全局屬性
在<menu>標籤支持全局的HTML屬性 。
事件屬性
在<menu>標籤支持的HTML事件屬性 。
相關頁面
HTML DOM參考： 菜單對象
默認設置CSS
大多數瀏覽器將顯示<menu>元素與以下默認值：
menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}