1. menu菜单列表。当希望列出表单控件时使用该标签。
menu元素用于创建上下文、工具栏和弹出菜单。目前的浏览器仅支持创建上下文的菜单。menuitem元素用于定义菜单项
menu元素主要有以下两个属性:
label:用于设置菜单的可见标签。
menu:用于设置菜单的类型,取值为context表示上下文菜单,取值为toolbar表示工具条,取值为popup表示弹出式菜单。
语法代码:
<span contextmenu="myMenu">右击一下</span>
<menu type="context" id="myMenu">
<menuitem label="单击一下" onclick="alert('您单击了我一下')" >
</menuitem>
</menu>
在 HTML4.01 中,不赞成使用 menu 元素。 在 HTML5 中,重新定义了 menu 元素,且使用用于排列表单控件
2. command 用户可以执行的命令,如发表一篇文章。
command元素用于定义各种类型的命令按钮。利用该标记的icon属性可以添加图片,并且实现图片按钮效果;另外,改变标记中的“type”属性值,还可以定义按钮类型。 command元素主要有以下属性:
icon:规定用于代表 command 元素的图像。
label:设置规定 command 元素的可见标签。
type:设置command 元素的类型,可以取checkbox(复选)、radio(单选)、command(操作按钮)。默认取 “command”。
radiogroup:设置radio 类型按钮的组名。
<command>标签定义命令按钮,比如单选按钮、复选框或按钮。<command>标签是 HTML 5 中的新标签
3. summary和deails元素的标题
details 附加的详和细信息,details
元素用于描述文档或文档某个部分的细节。
summary
元素经常与details
元素配合使用,作为details
元素的第一个子元素,用于为details
定义标题
<details> 标签定义元素的细节,用户可进行查看,或通过点击进行隐藏。基本语法格式如下:
<details>
<summary>显示列表</summary>
<ul>
<li>列表1</li>
<li>列表2</li>
</ul>
</details>
效果如下:
4.progress元素属于状态交互元素。
用来表示页面中的某个任务完成的进度。progress元素具有max和value两个属性:
max:表示任务的总量,默认值为1。
value:表示已完成任务的数量。
应用中,可以有以下三种情况:
用法示例1:
<progress max=100 value=20></progress>
用法示例2:
<progress value=0.5></progress>
用法示例3:
<progress></progress>
示例2中,没有设置max属性,则默认为1;示例3中max和value的属性都没有设置,则进度条处于左右自由滑动状态。