Html5本地存储概念，有什么优点，与cookie有什么区别？

html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且会话结束后也随之销毁，因此它不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的

cookie是网站为了标识用户身份而存储在用户本地终端（Client Side）上的数据（通常经过加密）

区别：

1.cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会主动把数据发送给服务端，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。

2.存储大小限制也不同。cookie存储数据不能超过4k，同时因为每次http请求都会携带cookie，所有cookie只适合存储很小的数据，如会话标识，sessionStorage和localStorage虽然也有存储限制，但是要比cookie大得多，通常在5M或者更大。

3.数据有效期不同：sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持，localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据，cookie只在设置cookie过期时间之前一直有效，即使浏览器或窗口关闭。

4.作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使在同一个页面，localStorage在所有的同源窗口中都是共享的，cookie也是在所有同源窗口都是共享的。