- 语义化标签
- 多媒体标签
语义化标签
语义化标签：标签拥有对应的一种含义
标签语义化的优点
- 即使在没有CSS样式的条件下，也能很好地呈现出内容结构、代码结构；
- 语义化HTML会使HTML结构变的清晰，有利于维护代码和添加样式；
- 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
- 提升搜索引擎优化(SEO)的效果。和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
- 便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
- 通常语义化HTML会使代码变的更少，使页面加载更快。
常见的语义化标签
- header:定义页眉、网页或 section 的头部
- nav：定义导航
- main：主题标签，用来表示页面的主要内容区域
- article： 用来在页面中表示一套结构完整且独立的内容部分，可以用来呈现论坛的一个帖子，杂志或报纸中的一篇文章，一篇博客，用户提交的评论内容等。
- section： 定义文档中的区段，页面上的版块，用于划分页面上的不同区域,或者划分文章里不同的节
- aside ：定义文章的侧边栏
- figure： 标签规定独立的流内容（图像、图表、照片、代码等等）
- figcaption：figure 的子元素 用于对 figure 的内容 进行说明
- hgroup：定义对网页标题的组合
- footer：定义页脚 ，网页或 section 底部的内容
代码示范：
<header>
<p>我是头部内容</p>
<nav>我是头部导航栏</nav>
</header>
<main>
<article>
<hgroup>我是文章标题</hgroup>
<section>主要文章内容</section>
</article>
<aside>
<p>侧边栏</p>
</aside>
</main>
<footer>我是底部内容</footer>
多媒体标签
音频标签：
< audio > 在HTML5中新增了原生的音频格式文件播放
兼容性问题解决：为了兼容问题我们还需要加上两行代码增加音频支持文件格式
代码示范：
音频标签常见属性
| 属性值 | 描述 |
|---|---|
| autoplay | 如果出现该属性，则音频在就绪后马上播放 |
| controls | 如果出现该属性，则向用户显示控件，比如播放按钮 |
| loop | 如果出现该属性，则每当音频结束时重新开始播放 |
| url | 要播放的音频的URL |
视频标签：
< video > 在HTML5中新增了原生的视频格式文件播放
兼容性问题解决：为了兼容问题我们还需要加上两行代码增加音频支持文件格式
代码示范：
视频标签常见属性：
| 属性 | 属性值 |
|---|---|
| autoplay | autoplay |
| controls | controls |
| width | pixels（px像素） |
| height | pixels（px像素） |
| loop | loop |
| preload | auto（预先加载视频）none（不预先加载） |
| src | url |
| poster | lmgurl |
| muted | muted |
