以 HTML 格式将数据存储在客户端浏览器上的机制是什么？
服务器端存储将数据存储在服务器（即外部数据库）上，客户端存储允许用户将数据存储在客户端（即用户的浏览器）上。
客户端存储由 JavaScript API 组成，允许您将数据存储在客户端（即用户的机器上），然后在需要时检索它。这有许多不同的用途，例如：
- 个性化站点首选项（例如：显示用户对自定义小部件、配色方案或字体大小的选择）。
- 保留先前的站点活动（例如：存储先前会话中的购物车内容并记住用户先前是否已登录）。
- 将 Web 应用程序生成的文档保存在本地以供离线使用。
- 将数据和资产保存在本地，以便用户可以更快、更便宜地下载，或者有时在没有网络连接的情况下使用。
Web 存储和 cookie 是在客户端浏览器中存储数据的两种方式。它们解释如下：
Web 存储：借助 Web 存储，Web 应用程序可以在用户浏览器中本地存储数据。在每个服务器请求期间，数据都以 cookie 的形式存储。
优点：
- Web存储更安全，大量数据可以本地存储，不影响网站性能。
- 存储限制更大（至少 5MB）并且信息永远不会传输到服务器。
- 来自同一来源的页面访问相同的数据。
第一个完全支持 Web Storage 的浏览器版本如下：
- 铬：4.0
- 火狐：3.5
- 野生动物园：4.0
- 歌剧：11.5
- Internet Explorer/边缘：8.0
HTML Web 存储对象： HTML Web 存储有两个对象用于在客户端存储数据：
- window.localStorage：存储的数据没有到期日期。
- window.sessionStorage：它存储一个会话的数据（关闭浏览器选项卡时数据丢失）
首先检查浏览器对 localStorage 和 sessionStorage 的支持：
Javascript
if (typeof (Storage) !== "undefined") {
// This is Code for localStorage/sessionStorage.
} else {
// No Web Storage support is there
}HTML
HTML
localStorage 对象： localStorage 对象存储没有到期日期的数据。即使关闭浏览器，数据也不会被删除。
sessionStorage 对象：它只存储一个会话的数据。只要用户关闭特定的浏览器选项卡，数据就会被删除。
例子：
HTML
输出：
GeekHTML 中的 Cookie： Cookie 是存储在计算机上的小文本文件中的数据。发明它们是为了记住用户的信息。因为当 Web 服务器将数据发送到浏览器时，如果由于任何外部因素而关闭，则服务器会忘记有关用户的所有信息。
当用户访问网页时，他的数据以 cookie 的形式存储。如果同一用户再次访问该网页，则该网页会记住该用户并提供与先前搜索的项目相关的提要。这些 cookie 在网络浏览器和网络服务器之间交换。 Cookie 以名称-值对的形式保存为：
username = geek标签可用于在客户端存储 cookie。
示例：在下面的示例中，在名称字段中输入的值作为 cookie 存储在浏览器中。
HTML
输出：
