将 HTML5 数据属性保留在本地存储中

我有一个简单的应用程序的想法。它提出了用户必须回答的许多问题，并将存储这些问题的答案以供本地使用。由于数据没有理由联机，因此我将使用本地存储，因此应用也可以脱机工作。我相信我应该为此使用 HTML5 本地存储。

显而易见的方法是使用我在 Javascript 中设置的数据集，并存储它的序列化副本。但是由于我要存储的数据结构与 HTML （DOM） 的结构完全一致，我想知道使用 HTML5 数据属性将数据存储在 HTML （DOM） 中是否有意义。这样，我就可以节省一些 Javascript 代码来设置和同步代码中的并行数据结构。

我的问题：有没有一种优雅的方法来保持HTML的当前状态，包括它的数据属性，以便在应用程序关闭并重新启动时，可以恢复数据属性的先前状态？我应该以某种方式序列化 DOM 并存储它吗？那么反序列化和恢复它呢？还是这整个概念不好？

问候维克

Web组件（参见聚合物）能否朝这个方向提供一些东西？在我看来，我正在寻找的是真正的语义 HTML，不是吗？