HTML <menu> 标签
最后更新于:2022-03-26 21:16:13
HTML <menu> 标签
实例
两个菜单按钮系列选项实例(”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>
<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>
浏览器支持
目前主流浏览器并不支持 <menu> 标签。
标签定义及使用说明
<menu> 标签定义了一个命令列表或菜单。
<menu> 标签通常用于文本菜单,工具条和命令列表选项。
提示和注释
提示: 使用 CSS 来定义菜单列表样式。
HTML 4.01 与 HTML5之间的差异
HTML 4.01的 <menu> 元素已废弃。
HTML5 中 <menu> 元素已被重新定义。
属性
New:HTML5 新属性。
属性 | 值 | 描述 |
---|---|---|
labelNew | text | 描述菜单项的标记。 |
typeNew | context toolbar list |
描述显示菜单类型. 默认为 “list”。 |
全局属性
<menu> 标签支持全局属性,查看完整属性表 HTML全局属性。
事件属性
<menu> 标签支持所有 HTML事件属性。