3.9 HTML5常见新增标签
3.9.1 结构性标签
3.9.1.1 article
表示页面中的独立内容区域，如博客文章、论坛帖子等。使用方法：<article>… 文章内容 …</article>特有属性：无，但通常包含标题（h1-h6）和可能的一个或多个section元素。
3.9.1.2 header
定义页面或内容区域的头部，如网站logo、标题、搜索框等。使用方法：<header>… 头部内容 …</header>特有属性：无
3.9.1.3 nav
定义导航链接部分，如主导航、侧边栏导航等。使用方法：<nav>… 导航链接 …</nav>特有属性：无
3.9.1.4 section
定义文档中的独立部分，如章节、页眉、页脚等。使用方法：<section>… 部分内容 …</section>特有属性：无
3.9.1.5 footer
定义页面或内容区域的底部，如版权信息、友情链接等。使用方法：<footer>… 页脚内容 …</footer>特有属性：无
3.9.2 多媒体标签
3.9.2.1 video
用于嵌入视频内容。使用方法：<video src="movie.mp4" controls>您的浏览器不支持video标签。</video>特有属性：src：视频文件URL。controls：显示播放、暂停和音量控制。
其他如autoplay、loop、muted等也常用。
| 属性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 如果出现该属性，则视频在就绪后马上播放 |
| controls | controls | 如果出现该属性，则向用户显示控件，比如播放按钮 |
| height | pixels | 设置视频播放器的高度 |
| loop | loop | 如果出现该属性，则当媒介文件完成播放后再次开始播放 |
| muted | muted | 规定视频的音频输出应该被静音 |
| poster | URL | 规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像 |
| preload | preload | 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用"autoplay"，则忽略该属性 |
| src | url | 要播放的视频的 URL |
| width | pixels | 设置视频播放器的宽度 |
3.9.2.2 audio
用于嵌入音频内容。使用方法：<audio src="audiofile.mp3" controls>您的浏览器不支持audio标签。</audio>
特有属性与video类似，如src、controls等。
| 属性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 如果出现该属性，则音频在就绪后马上播放。 |
| controls | controls | 如果出现该属性，则向用户显示控件，比如播放按钮。 |
| oop | loop | 如果出现该属性，则每当音频结束时重新开始播放。 |
| muted | muted | 规定视频输出应该被静音。 |
| preload | preload | 如果出现该属性，则音频在页面加载时进行加载，并预备播放如果使用"autoplay"，则忽略该属性。 |
| src | url | 要播放的音频的 URL |
3.9.2.3 source
为video和audio元素定义多个媒体资源，供浏览器选择最合适的媒体格式播放。
使用方法：通常与video或audio元素一起使用，作为子元素。
例如：
<videowidth="320"height="240"controls><sourcesrc="movie.mp4"type="video/mp4"><sourcesrc="movie.ogg"type="video/ogg">您的浏览器不支持Video标签。</video>在这个例子中，<video>元素尝试播放两个视频文件：movie.mp4 和 movie.ogg。浏览器会尝试加载并播放第一个<source>标签指定的文件（在这种情况下是 movie.mp4）。如果该文件无法加载（可能是因为格式不受支持或文件不存在），浏览器会尝试加载并播放第二个<source>标签指定的文件（movie.ogg）。
type 属性用于指定媒体资源的 MIME 类型，这样浏览器就可以提前知道哪个文件最可能被支持，而无需尝试加载每个文件。虽然 type 属性不是必需的，但提供它可以帮助浏览器更快地确定应该加载哪个文件。
如果所有<source>标签指定的文件都无法加载，那么会显示 元素内的文本内容（在这个例子中是您的浏览器不支持Video标签。）。
同样的方法也适用于<audio>元素：
<audiocontrols><sourcesrc="audiofile.mp3"type="audio/mpeg"><sourcesrc="audiofile.ogg"type="audio/ogg">您的浏览器不支持Audio标签。</audio>在这个例子中，<audio>元素尝试播放两个音频文件：audiofile.mp3 和 audiofile.ogg。浏览器会按照<source>标签的顺序尝试加载并播放这些文件。特有属性：src：媒体文件URL。type：媒体文件类型（MIME类型）。
3.9.3 表单标签
3.9.3.1 datalist
与<input type="list">结合使用，定义输入字段的预定义选项列表。使用方法：与<input>元素配合使用。特有属性：无，但包含<option>元素定义预定义选项。示例：
<!doctypehtml><html><head><metacharset="utf-8"/><title></title></head><body><labelfor="myColor">What's your favorite color?</label><inputtype="text"name="myColor"id="myColor"list="mySuggestion"/><datalistid="mySuggestion"><option>black</option><option>blue</option><option>green</option><option>red</option><option>white</option><option>yellow</option></datalist></body></html>效果：
3.9.3.2 新表单控件类型
如email、date、time、number、url、range、color等，提供更具体的输入类型验证。使用方法：如<input type="email">、<input type="date">等。特有属性：根据具体的控件类型，可能有如min、max、step等属性。
