从零开始H5（二）：HTML5新技术点.md

title	date
从零开始H5（二）：HTML5新技术点	2017/02/21 14:47:11

现在，将我们的页面升级到HTML5了。为什么要这样去做呢？通过简单的升级我们没看到任何大的变化。

答案即将揭晓，升级到HTML5之后，我们可以使用如下技术：

1、不再需要插件，就有对音频\视频的内置支持，可以充分利用

HTML5新增了<audio>和<video>标签，可以让我们操作音视频。

2、更有描述性的标记

针对Web语义化，HTML5新增了许多带有特定语义的标签，如header、footer、section、article、dialog、summary等等。

3、富客户端支持，可以使用画布、转换和JavaScript创建炫酷的界面和动画

使用画布（canvas）和JavaScript，我们可以直接在Web页面上画图像、线条等，同时对开发Web游戏也是更加友好的。

4、新增客户端存储和缓存功能

使用Application-Cache，我们可以让我们的网页离线浏览，同时可以采用localStorage和sessionStorage来存储数据。

5、新增Web工作线程，让JavaScript更高效

可以让耗时的JS，在后台工作，让UI的响应更快，提高用户体验。

6、可以结合CSS3的新内容，如高级选择器、动画、阴影

可以让元素运行动画，也可以让元素具有圆角边框，甚至阴影。也能通过简单的代码快速选择对象。

7、新增位置API（移动设备）

通过该API，页面能够知道访问者的地理位置，这在移动设备访问中，尤其重要。