什么是 HTML5 Web 数据存储?
概念:使用HTML5可以在本地存储任何数据,HTML5 web 存储,提供了比cookie更好的本地存储方式。
特性:
- 数据以 键/值 对存在, Web网页中存储的数据只允许该网页所属的域名访问使用。
- HTML5 提供了两种在客户端存储数据的新方法:
- localStorage - 没有时间限制的数据存储,用于长久保存整个网站的数据,保存的数据没有过期时间,除非手动删除
- sessionStorage - 针对一个 session 的数据存储,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后系统将会自动删除这些数据
- 对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身存储的数据
- HTML5 使用 JavaScript 来存储和访问数据
- 提供可存储大量数据而不影响网站性能的功能
为什么需要数据存储?
HTML5 出现之前,我们要想在本地存储数据使用的是 cookie。但是Web 存储需要更加的安全与快速(存储的数据不会被保存在服务器上,但是这些数据只用于用户在该网站使用; cookie 也不适合大量数据的存储,因为它存储的数据附加在每个对服务器的请求中来传递,这使得 cookie 速度很慢而且效率也不高),如何可以存储大量的数据,而不影响网站的性能是我们一直想要的功能,HTML5 给我们提供了这样的功能。