新增的嵌入多媒体的元素有video和audio元素，其分别用来插入视频和声音。值得注意的是可以在开始标签和结束标签之间放置文本内容，这样旧版本的浏览器就可以显示出不支持该标签的信息，例如下面的代码：
＜videosrc＝＂somevideo.wmv＂＞您的浏览器不支持video标签。＜／video＞
HTML5视频播放的简单实例，代码如下（参见源码文件chap3.2.4.1.html）：
<!DOCTYPEHTML>
<html>
<body>
<videosrc="movie.mp4" width="320"height="240"controls>
Yourbrowserdoesnotsupportthevideotag.
</video>
</body>
</html>
网页（IE10）的显示效果如图3.5所示。
HTML5也叫WebApplication1.0，增加details、datagrid、menu和command元素就是为了提高页面的交互能力。下面分别介绍。
图3.5 ＜video＞标签实例
1.details元素
details元素表示用户要求得到并且可以得到的细节信息。它可以与summary元素配合使用。summary元素提供标题或图例。标题是可见的，用户点击标题时，会显示出details。summary元素应该是details元素的第一个子元素。
HTML5中代码实例如下：
<details><summary>HTML5</summary>
ThisdocumentteachesyoueverythingyouhavetolearnaboutHTML 5.
</details>
2.datagrid元素
＜datagrid＞标签定义可选数据的列表，datagrid作为树列表来显示。datagrid元素与input元素配合使用，可以制作出输入值的下拉列表。
HTML5中代码实例如下：
<datagrid>…</datagrid>
3.menu元素
menu元素表示菜单列表。当希望列出表单控件时使用该标签。
HTML5中代码实例（完整代码参见“chap3.2.4.2.html”）如下：
<menu>
<li><inputtype="checkbox"/>Red</li>
<li><inputtype="checkbox"/>blue</li>
</menu>
网页的显示效果如图3.6所示。(www.xing528.com)
图3.6 ＜menu＞标签实例
注意：HTML4中的menu元素不被推荐使用。
4.command元素
command元素表示用户能够调用的命令。＜command＞标签可以定义命令按钮，比如单选按钮、复选框或按钮。只有当command元素位于menu元素内时，该元素才是可见的，否则不会显示这个元素，但是可以用它规定键盘快捷键。
HTML5中代码实例（完整代码参见“chap3.2.4.3.html”）如下：
<menu>
<commandtype="command">ClickMe!</command>
</menu>
网页的显示效果如图3.7所示。
图3.7 ＜command＞标签实例
5.HTML5新增的输入类型
在HTML4中，input元素作为网页接受用户输入的主要标签元素具有很多的类型，如文本、按钮、单选按钮、复选框、下拉列表等。由于HTML5有更加强大的功能，HTML5中的input元素增加了更多的属性类型，现列举如下。
（1）email类型。
email类型用于包含e-mail地址的输入域。
（2）url。
url类型用于包含URL地址的输入域。
（3）number。
number类型用于包含数值的输入域。
（4）range。
range类型用于包含一定范围内数字值的输入域。
（5）DatePickers（数据检出器）。
（6）search。
search类型用于搜索域，比如站点搜索或Google搜索。search域显示为常规的文本域。
6.HTML5新增的日期、时间类型
HTML5拥有多个可供选取日期和时间的新输入类型，如：
（1）date：选取日、月、年；
（2）month：选取月、年；
（3）week：选取周和年；
（4）time：选取时间（小时和分钟）；
（5）datetime：选取时间、日、月、年（UTC时间）；
（6）datetime-local：选取时间、日、月、年（本地时间）。
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
