在HTML5中，除了canvas元素之外，另一个新增的非常重要的功能是可以在客户端本地保存数据的Web Storage功能。Web应用的发展，使得客户端存储使用得也越来越多，而实现客户端存储的方式则是多种多样。最简单而且兼容性最佳的方案是cookies，但是作为真正的客户端存储，cookies还存在一些不足。

1.大小：cookies的大小被限制在4KB。

2.带宽：cookies是随HTTP事务一起发送的，因此会浪费一部分发送cookies时使用的带宽。

3.复制：cookies操作起来比较麻烦：所有的信息要被拼到一个长字符串里面。

4.联系：对cookies来说，在相同的站点与多事务处理保持联系不是很容易。

在这种情况下，在HTML5中重新提供了一种在客户端本地保存数据的功能，它就是Web Storage功能。

顾名思义，Web Storage功能就是在Web上储存数据的功能，而这里的存储，是针对客户端本地而言的。它包含两种存储类型：sessionStorage和localStorage二者都支持在同域下存储5MB数据，与cookies相比有着明显的优势。

sessionStorage

将数据保存在session对象中。所谓session，是指用户在浏览器某个网站时，从进入网站到浏览器关闭所经过的这段时间，即浏览这个网站所花费的时间。session对象可以用来保存在这段时间内所要保存的任何数据。

locaStorage

将数据保存在客户端本地的硬件设备中，即使关闭了浏览器，该数据仍然存在，下次打开浏览器访问网站时仍然可以继续使用。

这两种不同的存储类型区别在于，sessionStorage为临时保存，而localStorage为永久保存。