html页面数据如何保存,如何为某些HTML标签存储任意数据

我正在制作一个页面，该页面具有javascript提供的一些交互功能。举个例子：链接发送AJAX请求以获取文章内容，然后在div中显示该数据。显然，在此示例中，我需要每个链接来存储额外的信息：文章的ID。我一直在处理的方式是将这些信息放在href链接中，如下所示：

然后，我使用jQuery查找a.article元素并附加适当的事件处理程序。 (不要太在意可用性或语义，这只是一个例子)

，并且根本无法扩展(如果click函数具有多个参数，会发生什么？如果其中一些参数是可选的，怎么办？)

显而易见的答案是在元素上使用属性。我的意思是，这就是他们的意思吧？(有点儿)。

在我最近的问题中，我问这种方法是否有效，事实证明，如果没有定义自己的DTD(不是)，那么就不正确或无效。常见的回答是将数据放入class属性中(尽管这可能是由于我的选择不佳的示例所致)，但是对我来说，这甚至更难闻。是的，它在技术上是有效的，但这不是一个很好的解决方案。

我过去使用的另一种方法是实际生成一些JS并将其插入到

var myData = {

link0 : {

articleId : 5,

target : '#showMessage'

// etc...

},

link1 : {

articleId : 13

}

};

但这可能是维持屁股的真正痛苦，并且通常非常混乱。

因此，为了解决这个问题， 如何存储HTML标签的任意信息 ？