HTML5新特性有哪些

（1）问题分析

对于目前市场上来说HTML5中需要掌握的新特性有：

• 拖拽释放(Drag and drop) API
• 语义化更好的内容标签（header,nav,footer,aside,article,section）
• 音频、视频API(audio,video)
• 画布(Canvas) API
• 地理(Geolocation) API
• 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；
• sessionStorage 的数据在浏览器关闭后自动删除
• 表单控件，calendar、date、time、email、url、search
• 新的技术webworker, websocket, Geolocation

其中画布和地理api，本地存储用的比较的多。

（2）核心问题讲解

语义化标签，例如，多媒体就是可以添加视频元素。
Canvas、svg，是实现前端数据可视化必不可少的东西。
离线存储：用于优化用户体验。

（3）问题扩展

语义化标签可以更容易的理解这一块的代码是做什么的。
例如，用户收货地址，可以用Localstorage存储用户当前的收货地址，如果没有新的添加就直接从localstorage中取出。

（4）结合项目中使用

例如：语义化标签、用来做导航栏的标签、使用多媒体增加页面的炫酷程度。
Canvas、svg可以使用echarts、d3.js 制作数据可视化，简单又方便离线存储用于优化用户网速慢导致页面空白问题。