HTML5+CSS3从入门到精通之HTML menu 标签-职坐标

HTML5+CSS3从入门到精通之HTML menu 标签

沉沙 2019-12-11 来源：阅读 784 评论 0

摘要：本篇文章探讨了HTML5+CSS3从入门到精通之HTML menu 标签，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

本篇文章探讨了HTML5+CSS3从入门到精通之HTML menu 标签，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

HTML5+CSS3从入门到精通之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>
尝试一下 »
浏览器支持
Internet Explorer Firefox Opera Google Chrome Safari
目前主流浏览器并不支持 <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事件属性。