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

Question

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

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

我的问题：是否存在一种优雅的方法来持久保存HTML的当前状态（包括其数据属性），以便当应用程序关闭并再次启动时，可以恢复数据属性的先前状态？ 我应该以某种方式序列化DOM并将其存储吗？ 那么反序列化和还原呢？ 还是整个概念都是不好的做法？

问候，维克

PS。 Web组件（参见Polymer）可以在这个方向上提供一些东西吗？ 在我看来，我正在寻找的是真正的语义HTML，不是吗？

Answer 1

本文档中对此进行了讨论： http : //www.w3.org/TR/offline-webapps/

• 您可以使用localStorage： http ://www.html5rocks.com/en/features/storage来存储数据。
• 您可以提供缓存清单，以使应用程序脱机工作。

我推荐TODOMVC网站，其中有许多关于localStorage的示例。 例如http://todomvc.com/examples/angularjs/#/