在本文中，您将了解 HTML5 中不同类型的 Web 存储。 Web 存储更加安全，大量数据可以本地存储在客户端 Web 浏览器上。所有数据都存储在键值对中。
在 HTML5 中有两种类型的 Web 存储 API。
- 本地存储
- 会话存储
localStorage：用于在客户端存储数据。它没有过期时间，所以LocalStorage 中的数据一直存在，直到用户手动删除它。
句法：
- 将数据存储在网络存储中：键和值都应该是字符串或数字；
LocalStorage.setItem("key", "value"); - 从网络存储中获取数据：我们将传递密钥并返回值。
LocalStorage.getItem("key");
例子：
HTML
HTML
输出：
本地存储上存储的数据：
我们可以清楚地看到本地存储项以键/值对的形式存储，您可以通过检查网页上的元素进行检查，然后转到应用程序选项，您将在其中找到本地存储。
由于localStorage对象存储的数据没有到期日期，您可以通过关闭当前选项卡并再次访问同一页面来交叉检查这一点，您会发现该选项卡或窗口的 localStorage 中存在相同的数据。
会话存储：用于在客户端存储数据。 SessionStorage 中的数据存在直到当前选项卡打开，如果我们关闭当前选项卡，那么我们的数据也将自动从 SessionStorage 中删除。
句法：
- 用于在 Web 存储中存储数据：
SessionStorage.setItem("key", "value"); - 从网络存储获取数据：
SessionStorage.getItem("key");
例子 ：
HTML
输出：
会话存储上存储的数据：
由于sessionStorage对象存储的是有过期日期的数据，您可以通过关闭当前选项卡并再次访问同一页面来进行交叉检查，您会发现该选项卡或窗口的 sessionStorage 中的数据为空。