HTML5新特性
语义化标签和新属性
HTML5 中的两大块内容：语义化标签和新属性，内容如下：
header标签是头部区域。nav标签是导航区域。article标签是内容区域。section标签是文档中部分内容区域。aside标签是侧边内容栏区域。footer标签是底部信息区域。
还讲解了与多媒体相关的语义化标签，分别是：
audio标签：添加音频文件。source标签：设置多数据源播放。
语义化标签就是把 HTML 文档中的元素划分到不同区域，每个区域有自己的含义。 在 HTML5 中，提供了如下图所示的语义化标签，让我们可以更直观地看到页面的结构。
标签说明：
header标签是头部区域。nav标签是导航区域。article标签是内容区域。section标签是文档中部分内容区域。aside标签是侧边内容栏区域。footer标签是底部信息区域。
多媒体标签
多媒体标签就是用于在页面中嵌入音频和视频的标签，主要有以下两个标签：
audio标签video标签
在 HTML5 中，使用 audio 标签来播放声音文件或者音频流，该标签支持 Ogg、MP3、WAV 等音频格式。
其使用格式如下：
<audio src="URL" controls></audio>
参数说明：
src属性用于指定要播放的声音文件。controls是controls="controls"简写形式，用于提供播放、暂停和音量控件。
除了上面两种属性，audio 标签还有以下属性可用：
autoplay属性：音频自动播放。loop属性：音频自动重复播放。preload属性：用来缓冲audio标签的大文件，它有三个属性值 none（不缓冲）、auto（缓冲音频文件）、metadata （缓冲文件的元数据）。
source 标签
audio 标签还可以通过子标签 source 来进行多数据源的设置。
其使用格式如下：
<audio>
<source src="URL" />
</audio>
一个 audio 标签可以包含多个 source 标签，当播放器无法识别当前格式的播放源时会调用下一个 source 播放源进行播放。
source 标签是用来指定多个文件，给不同的浏览器提供可支持的编码格式。
例如：
<audio>
<source src="filename.opus" />
<source src="filename.ogg" />
<source src="filename.mp3" />
</audio>
video标签
在 HTML 中，提供了 video 标签向文档中嵌入媒体播放器。
语法格式如下所示：
<video controls>
<source src="URL" />
</video>
在 video 标签中加入 poster 属性即可给视频添加封面。
使用格式如下：
<video poster="URL"></video>
属性值 URL 是封面图的地址。
新表单类型
email 类型用于邮件地址的输入，很明显，它只适用于邮箱输入。
使用格式如下：
<input type="email" />
url 类型是专门用来输入网址的。
使用格式如下：
<input type="url" />
number 类型用于数字的输入。
number 类型表单有以下属性。
| 属性 | 描述 |
|---|---|
| max | 输入框允许的最大值。 |
| min | 输入框允许的最小值。 |
| step | 合法的数字间隔，例如 step=2，则合法为：2、4、6、8。 |
| value | 默认值。 |
例如：
<input type="number" value="5" step="2" />
range 类型用于包含一定范围内数值的输入。
其使用格式为：
<input type="range" />
date 是用来选取年、月、日的类型。
其使用格式为：
<input type="date" />
datetime-local 是用来选取年、月、日和本地时间。
其使用格式为：
<input type="datetime-local" />
search 类型的 input 标签提供用于输入搜索关键字的文本框，从外观看 search 和 text 是一样的，功能也是相近的可以输入任意的字符串。
使用格式如下：
<input type="search" />
color 类型是 input 标签提供的专门用于设置颜色的文本框。通过单击文本框可以打开一个调色板，用户可以在面板中选择需要的颜色。不同的操作系统打开的拾色面板也不相同。
新属性-form
HTML5 中 input 标签新增了一个 form 属性，通过该属性可以将表单元素绑定到指定的 form 标签上，这样就可以灵活进行布局，同时一个表单元素可以从属于多个表单，这就让表单和表单元素的组合变得更加灵活。
新属性-autofocus
打开一个页面，当某个文本框需要获得光标焦点时，可以使用 autofocus 属性来实现。
新属性-autocomplete
autocomplete 属性是用来规定表单是否应该启用自动完成功能。
自动完成功能就是当用户输入一次数据过后，再次输入相同的数据时可以自动补全内容。
autocomplete 属性包括两个属性值：on、off。
其语法格式为：
<form autocomplete="on"></form>
on 为默认值，意思是启用自动完成功能。
<form autocomplete="off"></form>
off 为禁用自动完成功能。
新属性-placeholder
placeholder 属性规定可描述输入字段预期值的提示信息，也就是说设置了该属性，它会提示用户设置的输入值。
其语法格式为：
<input placeholder="text" />
