Web前端开发者必须收藏的8个开源库，前端基础知识第七章---HTML5和CSS3的新特性，前端组件化入门

• （7）CSS3 过渡（重点）

• 三、总结

一、HTML5 的新特性

---

1️⃣ HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。

2️⃣ 这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。

（1）HTML5 新增的语义化标签

| 标签 | 描述 |

| — | — |

| <header> | 头部标签 |

| <nav> | 导航标签 |

| <article> | 内容标签 |

| <section> | 定义文档某个区域 |

| <aside> | 侧边栏标签 |

| <footer> | 尾部标签 |

😆温馨提醒😆：

1. 这种语义化标准主要是针对搜索引擎的；

2. 这些新标签页面中可以使用多次；

3. 在 IE9 中，需要把这些元素转换为块级元素；

4. 其实，我们移动端更喜欢使用这些标签，HTML5 还增加了很多其他标签，我们后面再慢慢学；

---

（2）HTML5 新增的多媒体标签

新增的多媒体标签主要包含两个：

1. 音频：<audio>

2. 视频：<video>

使用它们可以很方便的在页面中嵌入音频和视频，而不再去使用flash 和其他浏览器插件。

2.1 视频<video>

当前 <video> 元素支持三种视频格式： 尽量使用 mp4格式