这边文章主要的讲述了html5 menu标签的定义和用法实例,有实例和实例结果在,这让我们学习的时候更加简单了,所以,请认真的阅读本篇关于html5 menu标签的文章吧
html5 menu标签的定义和用法:
标签定义命令的列表或菜单。
标签用于上下文菜单、工具栏以及用于列出表单控件和命令。HTML5 标签实例
立即学习 “前端免费学习笔记(深入) ”;
带有两个菜单按钮 ("File" 和 "Edit") 的工具栏,每个按钮都包含带有一系列选项的下拉列表:
New...
Open...
Save
Cut
Copy
Paste
HTML5中的menu标签的两种使用方法:
1.menu标签定义菜单列表
menu元素在HTML4.01中已不被赞成使用,在现在的HTML5中,menu元素已被重新定义,该元素中的列表项同样可使用 li 标签来标记。
menu标签定义菜单列表,菜单列表通常用于文本菜单,工具条和命令列表选项,当希望列出表单控件时可使用该标签。menu菜单列表在浏览器中显示效果和无序列表是相同的,在这一点上的功能也可以通过无序列表来实现。
运行结果:
html5 menu标签的新属性:
label属性(定义菜单项的可见标记,常用于标记菜单内的嵌套菜单,语法:menu label="File")
type 属性(定义菜单显示的类型,默认值为 "list",语法:menu type="value")
list:默认值。规定一个列表菜单。一个用户可执行或激活的命令列表(li元素)。
toolbar:规定一个工具栏菜单。主动式命令,允许用户立即与命令进行交互。
contextmenu:规定一个上下文菜单,当用户右击元素时将显示上下文菜单。
2.HTML5的menu菜单标签
代码示例
右击一下
html5 menu标签的代码解析:
eMart 网店系统
功能列表:底层程序与前台页面分离的效果,对页面的修改无需改动任何程序代码。完善的标签系统,支持自定义标签,公用标签,快捷标签,动态标签,静态标签等等,支持标签内的vbs语法,原则上运用这些标签可以制作出任何想要的页面效果。兼容原来的栏目系统,可以很方便的插入一个栏目或者一个栏目组到页面的任何位置。底层模版解析程序具有非常高的效率,稳定性和容错性,即使模版中有错误的标签也不会影响页面的显示。所有的标
下载
标签用于上下文菜单、工具栏以及用于列出表单控件和命令;上例标签的contextmenu属性值即为属性id的值;
label属性设置的是菜单项的名字;
onclick属性设置点击菜单项的事件;
icon属性设置菜单项左侧小图标;
标签下可以有多个;当然,menu属性不止这么多,本文章只是列举出了一些常用的属性。
运行结果如下:
html5 menu标签的提示和注释:
提示:请使用 CSS 来设置菜单列表的样式!
HTML 4.01 与 HTML5 之间的差异
在 HTML 4.01 中已弃用
元素。在 HTML5 中重新定义了
元素。HTML 与 XHTML 之间的差异
在 HTML 4.01 中,menu 元素不被赞成使用。
在 XHTML 1.0 Strict DTD 中,menu 元素不被支持。
本篇文章到这里就结束了,如果有什么问题,可以在下方提问
【小编的相关文章】
html sup和sub标签怎么用?html sup标签和sub标签的定义和用法实例
html5 details标签的作用是什么?标签的使用方法介绍(附使用实例)