前端—新增的嵌入多媒体元素与交互性元素

新增的嵌入多媒体元素与交互性元素

新增的嵌入多媒体元素有video和audio元素，分别是用来插入视频和声音的。值得注意的是，可以在开始标签和结束标签之间放置文本内容，这样旧版本的浏览器就可以显示出不支持该标签的信息。例如下面的代码。HTML5同时也叫Web Applications 1.0，因此也进一步发展交互能力。这些标签就是为提高页面的交互体验而生的。

details元素

details元素表示用户要求得到并且可以得到的细节信息，可以与summary元素配合使用。summary元素提供标题或图例，是details元素的第一个子元素。标题是可见的，用户单击标题时，就会显示出details。

HTML5中代码示例。

HTML5 This document teaches you everything you have to learn about HTML5.

datagrid元素

datagrid元素表示可选数据的列表，通常用于显示树列表。

HTML5中代码示例。

…

menu元素

menu元素表示菜单列表，通常用于列出表单控件。

HTML5中代码示例。

Red

blue

注意

HTML4中menu元素不被推荐使用。

command元素

command元素表示命令按钮，如单选按钮、复选框或按钮。

HTML5中代码示例。

12.2.5　新增的input元素的类型

HTML5中，新增了很多input元素的类型，分别介绍如下。

email

email类型用于应该包含E-mail地址的输入域。

url

url类型用于应该包含URL地址的输入域。

number

number类型用于应该包含数值的输入域。

range

range类型用于应该包含一定范围内数字值的输入域。

Date Pickers（数据检出器）

search

search类型用于搜索域，如站点搜索或Google搜索。search域显示为常规的文本域。

HTML5拥有多个可供选取日期和时间的新输入类型。

date——选取日、月、年。

month——选取月、年。

week——选取周和年。

time——选取时间（小时和分钟）。

datetime——选取时间、日、月、年（UTC时间）。

datetime-local——选取时间、日、月、年（本地时间）。

https://www.bilibili.com/video/BV1i14y1N7d7/?spm_id_from=333.999.0.0&vd_source=a7816e3b2a3a67ac39dc87f6bf92421chttps://www.bilibili.com/video/BV1i14y1N7d7/?spm_id_from=333.999.0.0&vd_source=a7816e3b2a3a67ac39dc87f6bf92421c