HTML5总结及原理剖析

html5中新增的特性

1.语义化标签，比如：<header> <footer> <article>等，可以使我们创建更友好的页面结构，便于搜索引擎抓取；

div是division的缩写，你在网页中写了大量的div,就算你写了class或是id,要一下子理解里面到底是什么还是很困难的。

2.多媒体标签，比如：<video> <audio>。可以让我们定义多媒体文件的类型和行为；

3.2D绘图，矢量图应用，<canvas> <svg> 标签可以让我们在网页上绘制复杂的图形和显示复杂的图形；

4.表单元素，属性，比如：number email autocomplete等，可以让我们规定表单元素的输入类型，长度，表单元素的行为；

5.拖拽事件，drag drop 事件可以让我们在网页上对元素进行拖放操作；

6.获取当前用于的地理位置，geolocation 可以让我们不依赖客户端就可以获取用户位置；

7.离线数据的存储，localStorage sessionStorage可以让开发者根据用户行为在客户端缓存数据，提高网站性能和用户体验；

8.Application Cache 可以让我们对Web应用进行缓存，离线时也可以访问，增加用户体验；

9.web worker 可以让我们脱离JavaScript是单线程的这个魔咒，而且web worker独立于其它的脚本不会影响页面性能；