h5新增标签

1.<details>      (关于文档的细节）

    <summmary></summary>

  <p></p>

  </details>

2.<figure> 标签规定独立的内容

3.<time>定义时间或日期

4.<section> 定义文档中的节

5.<progress>进度条 ，会动，不适合用来表示度量衡（例如，磁盘空间使用情况或查询结果）

6.<meter>标量  进度条

<meter value=”” min=”” max=”” low=”” high=””>

7.datalist  与 input 的新属性list一起使用可以创建组合框，双击input的时候可以提供选项让用户选择，类似历史记录一样。

<input list="browsers">

<datalist id="browsers">

<option value="Safari"> </option>

<option value="Internet Explorer"> </option>

<option value="Opera"> </option>

<option value="Firefox"> </option>

</datalist>

8.表单标签

<1>E-mail: <input type="email" name="user_email" />

<2>URL  <input type="url" name="user_url" />

<3>number <input type="number" name="points" min="1" max="10" value=”默认值”step=”数字间隔”/>

<4>range <input type="range" name="points" min="1" max="10" />  显示为滑动条

<5>Date: <input type="date" name="user_date" /> 选取日、月、年

month - 选取月、年

week - 选取周和年

time - 选取时间（小时和分钟）

datetime - 选取时间、日、月、年（UTC 时间）//一般不被支持

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

<6>color: <input type="color" value="">

9.表单标签属性

<1>autofocus  在页面加载时，域自动地获得焦点。

<2>placeholder  属性提供一种提示，描述输入域所期待的值。

<3>required    属性规定必须在提交之前填写输入域（不能为空）。

10.多媒体

视频

<video width="320" height="240" controls="controls">

  <source src="movie.ogg" type="video/ogg">

  <source src="movie.mp4" type="video/mp4">

属性：

autoplay:自动播放

controls：向用户显示控件，如播放按钮

width，height：播放器的高度

loop：媒介文件完成播放后再次开始播放

preload：如果有该属性，视频在页面加载时进行加载，并预备播放，如果使用“autoplay”，则忽略该属性。

muted：静音

音频

<audio controls="controls">

  <source src="song.ogg" type="audio/ogg">

  <source src="song.mp3" type="audio/mpeg">

属性与视频相似。