html5中menu标签如何使用

小编给大家分享一下html5中menu标签如何使用，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

创新互联公司专业提供四川雅安服务器托管服务，为用户提供五星数据中心、电信、双线接入解决方案，用户可自行在线购买四川雅安服务器托管服务，并享受7*24小时金牌售后服务。

html5 menu标签的定义和用法:

标签定义命令的列表或菜单。

标签用于上下文菜单、工具栏以及用于列出表单控件和命令。

HTML5

标签实例

带有两个菜单按钮（"File" 和 "Edit"）的工具栏，每个按钮都包含带有一系列选项的下拉列表：

HTML5中的menu标签的两种使用方法：

1.menu标签定义菜单列表

menu元素在HTML4.01中已不被赞成使用，在现在的HTML5中，menu元素已被重新定义，该元素中的列表项同样可使用 li 标签来标记。

menu标签定义菜单列表，菜单列表通常用于文本菜单，工具条和命令列表选项，当希望列出表单控件时可使用该标签。menu菜单列表在浏览器中显示效果和无序列表是相同的，在这一点上的功能也可以通过无序列表来实现。

html5中menu标签如何使用

运行结果:

html5中menu标签如何使用

html5 menu标签的新属性:

label属性（定义菜单项的可见标记，常用于标记菜单内的嵌套菜单，语法：menu label="File"）
type 属性（定义菜单显示的类型，默认值为 "list"，语法：menu type="value"）
list：默认值。规定一个列表菜单。一个用户可执行或激活的命令列表（li元素）。
toolbar：规定一个工具栏菜单。主动式命令，允许用户立即与命令进行交互。
contextmenu：规定一个上下文菜单，当用户右击元素时将显示上下文菜单。

2.HTML5的menu菜单标签

代码示例

右击一下

html5 menu标签的代码解析：

标签用于上下文菜单、工具栏以及用于列出表单控件和命令；

上例标签的contextmenu属性值即为

属性id的值；

label属性设置的是菜单项的名字;

onclick属性设置点击菜单项的事件;

icon属性设置菜单项左侧小图标；

标签下可以有多个；

当然，menu属性不止这么多，本文章只是列举出了一些常用的属性。

运行结果如下：

html5中menu标签如何使用

html5 menu标签的提示和注释：

提示：请使用 CSS 来设置菜单列表的样式！

HTML 4.01 与 HTML5 之间的差异

在 HTML 4.01 中已弃用

元素。

在 HTML5 中重新定义了

元素。

HTML 与 XHTML 之间的差异

在 HTML 4.01 中，menu 元素不被赞成使用。

在 XHTML 1.0 Strict DTD 中，menu 元素不被支持。

看完了这篇文章，相信你对html5中menu标签如何使用有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

标题名称：html5中menu标签如何使用
转载来于：http://kswjz.com/article/pssjoj.html

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

html5中menu标签如何使用

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧在百度地图上找到我们

电话：13518219792

html5中menu标签如何使用

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧 在百度地图上找到我们

电话：13518219792

联系吧在百度地图上找到我们