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

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

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

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

此致维克

PS。 Web Components（参见Polymer）可以提供这方面的东西吗？在我看来，我正在寻找的是真正的语义HTML，而不是？