HTML5 <menu> 標(biāo)簽

2022-05-23 14:58 更新

實例

HTML5 <menu>標(biāo)簽用于定義菜單列表。

兩個菜單按鈕系列選項實例("File" 和 "Edit"):

<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>
嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

目前主流瀏覽器并不支持 <menu> 標(biāo)簽。

注意: 這個元素在HTML4中被棄用,但再HTML5.1(正在起草中)中被重新推薦使用。


標(biāo)簽定義及使用說明

<menu> 標(biāo)簽定義了一個命令列表或菜單。

<menu> 標(biāo)簽通常用于文本菜單,工具條和命令列表選項。


提示和注釋

提示: 使用 CSS 來定義菜單列表樣式。


HTML 4.01 與 HTML5之間的差異

HTML 4.01的 <menu> 元素已廢棄。

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


屬性

New:HTML5 新屬性。

屬性 描述
labelNew text 描述菜單項的標(biāo)記。
typeNew context
toolbar
list
描述顯示菜單類型. 默認(rèn)為 "list"。

全局屬性

<menu> 標(biāo)簽支持全局屬性,查看完整屬性表 HTML全局屬性。


事件屬性

<menu> 標(biāo)簽支持所有 HTML事件屬性。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號