HTML中Menu标签有什么作用？
menu标签在HTML4.01中已不被赞成使用，在现在的HTML5中，menu元素已被重新定义，该元素中的列表项同样可使用 li 标签来标记。menu标签定义菜单列表，菜单列表通常用于文本菜单，工具条和命令列表选项，当希望列出表单控件时可使用该标签。menu菜单列表在浏览器中显示效果和无序列表是相同的，在这一点上的功能也可以通过无序列表来实现。(www.169it.com)
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>
浏览器支持
目前主流浏览器并不支持 <menu> 标签。
标签定义及使用说明
<menu> 标签定义了一个命令列表或菜单。
<menu> 标签通常用于文本菜单，工具条和命令列表选项。
提示: 使用 CSS 来定义菜单列表样式。
HTML 4.01 与 HTML5之间的差异
HTML 4.01的 <menu> 元素已废弃。
HTML5 中 <menu> 元素已被重新定义。
New：HTML5 新属性。
menu标签的新属性详细介绍
label属性（定义菜单项的可见标记，常用于标记菜单内的嵌套菜单，语法：menu label="File"）
type 属性（定义菜单显示的类型，默认值为 "list"，语法：menu type="value"）
list：默认值。规定一个列表菜单。一个用户可执行或激活的命令列表（li元素）。
toolbar：规定一个工具栏菜单。主动式命令，允许用户立即与命令进行交互。
contextmenu：规定一个上下文菜单，当用户右击元素时将显示上下文菜单。
注：目前主流浏览器并不支持 menu 标签。
<menu> 标签支持全局属性，查看完整属性表 HTML全局属性。
<menu> 标签支持所有 HTML事件属性。
HTML中Menu和Menuitem元素创建菜单
Menu和Menuitem是在开发者中谈论最热门的两个标签，可能是由于主流浏览器对其缺乏足够的支持。目前,FireFox已经实现了这个元素。
Menu和Menuitem一起使用，将把新的菜单合并到本地的上下文菜单。例如，给body添加一个叫“Hello World”的菜单:
<body contextmenu="new-context-menu">
<menu id="new-context-menu" type="context">
<menuitem>Hello World</menuitem>
</menu>
</body>
Menu和Nav的对比
当谈到Menu时，难免不和Nav元素混淆。区分这两个元素，文档规范是一个不错的工具。Nav元素是HTML导航元素，代表着Web页面的导航块，一般包含一个links集合，允许用户在页面内跳转或者跳转到其它网站页面。Menu是一系列菜单命令的集合，跟桌面或者手机应用有点相似。桌面应用通常使用工具条菜单或者上下文菜单来展现各种任务。Nav和Menu最根本的不同之处在于：Nav元素包含导航链接去帮助用户在Web页面之间跳转，而Menu应该让用户执行特定的任务。使用Menu元素在一个容器中，Menu元素用于创建上下文、工具栏和弹出菜单。然而，后面的两个功能还没有浏览器实现，包括FireFox。
-
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载,整理或搜集自网络.欢迎任何形式的转载，转载请注明出处.
转载请注明：文章转载自:[169IT-IT技术资讯]
本文标题:HTML <menu> 标签
