💡
原文中文，约4200字，阅读约需10分钟。
📝
内容提要
本文介绍了HTML5的五种存储方式：本地存储、会话存储、离线缓存、Web SQL和IndexedDB。离线缓存实现离线浏览和提升页面载入速度，Web SQL通过SQL语句访问关系数据库，IndexedDB用于创建具有丰富本地存储数据的数据密集型离线应用程序。
🎯
关键要点
-
HTML5有五种存储方式：本地存储、会话存储、离线缓存、Web SQL和IndexedDB。
-
本地存储（localStorage）以键值对方式永久存储，大小限制为每个域名5M。
-
会话存储（sessionStorage）在关闭页面后清空，与本地存储相似。
-
离线缓存（application cache）通过manifest文件配置，支持离线浏览和提升页面载入速度。
-
Web SQL允许通过SQL语句访问关系数据库，但并非HTML5规范的一部分，支持Safari、Chrome和Opera。
-
IndexedDB是HTML5的一部分，适用于创建数据密集型的离线Web应用，支持异步操作。
❓
延伸问答
HTML5存储方式有哪些？
HTML5有五种存储方式：本地存储、会话存储、离线缓存、Web SQL和IndexedDB。
IndexedDB适合用于什么类型的应用？
IndexedDB适用于创建数据密集型的离线Web应用程序。
离线缓存的主要优势是什么？
离线缓存的主要优势包括离线浏览、提升页面载入速度和降低服务器压力。
Web SQL的支持情况如何？
Web SQL在最新版的Safari、Chrome和Opera浏览器中支持，但并不是HTML5规范的一部分。
本地存储和会话存储有什么区别？
本地存储会永久保存数据，直到手动删除，而会话存储在关闭页面后会被清空。
如何配置离线缓存的manifest文件？
manifest文件需要包含CACHE MANIFEST、NETWORK和FALLBACK三个部分，并告知浏览器哪些文件需要缓存。
➡️
