HTML5新特性

语义标签 HTML一直在向语义化发展，语义化能够让浏览器更好的解析网页。HTML5提供了新的语义化标签 以下为部分标签 元素名称说明header这里存放页面的标头部分footer这里存放页面的尾部hgroup整合标题section文档的主体部分nav导航artical添加一个独立成篇的文档aside侧边栏 新的表单类型 但是这些新的表单类型每个浏览器的支持性不一样，有的浏览器只支持一部分，即便支持了元素的外观和行为也不一样。暂且不进行详细说明。音频和视频 这两个元素的出现使得页面中可以出现视频和声音，极大地提高了网页内容的丰富性，但是由于其数据量较大在加载方面需要进行优化，否则会影响用户体验。Canvas绘图 canvas是HTML5新增的一个元素，它的作用是用来进行2d平面绘图，需要js进行对其操作才能实现绘图的功能，有了js的支持该元素可以实现较多的功能比如：hTML5游戏，可视化统计图表，实时动态图、验证码等网页功能svg绘图 该元素也是用来2d平面绘图，只不过它并不需要js进行操作，只需要用scg内置的元素即可进行绘制地理定位 该功能可以开启定位获取地理位置，多用于移动端，对于PC端定位并不常用，PC端定位通常通过IP，而IP也可以更改，位置会出现差异。 对于移动端，可以通过GPS定位，通常与地图API结合使用。拖放 该功能能够使元素可以被拖拽，实现常用的文件拖拽到区域上传功能。web worker Web Worker可以通过加载一个脚本文件，进而创建一个独立工作的线程，在主线程之外运行。webStorage WebStorage是HTML新增的本地存储解决方案之一，但并不是取代cookie而指定的标准，cookie作为HTTP协议的一部分用来处理客户端和服务器的通信是不可或缺的，session正式依赖与实现的客户端状态保持。WebSorage的意图在于解决本来不应该cookie做，却不得不用cookie的本地存储。

websorage拥有5M的存储容量，而cookie却只有4K，这是完全不能比的。

客户端存储数据有两个对象，其用法基本是一致。

localStorage：没有时间限制的数据存储

sessionStorage:在浏览器关闭的时候就会清除。