HTML的元素6

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的属性都没有设置，则进度条处于左右自由滑动状态。