Javascript 在`<；中存储某些数据的正确方法是什么；a>；`锚定标签？

我通常使用

data-***

来存储一些数据

<a href="#" data-address="some data">click</a>

---

它很好用。但我想知道这样做是否正确，是否存在任何兼容性问题

或者我是否需要使用

rel

即：

<a href="#" rel="some data">click</a>

alert($("a").attr("rel"));

警报（$（“a”）.attr（“rel”）；

---

我更新了一个fiddle

如果您想临时存储数据（即仅在页面持续时间内），那么使用api是正确的方法

引用

标记时，
rel
属性用于搜索引擎确定文档与其链接的文档之间的关系

data
属性可供开发人员在存储数据时用于创建自定义属性

也就是说，
data-***
是存储某些数据的正确方法


不要将REL用于自定义数据存储

兼容性问题

由于
data
和
rel
（参考
a
tag）属性假定被浏览器忽略，因此您可以同时使用这两个属性，或者/或者。虽然使用
data
标记存储“数据”是最佳做法


丰富的搜索结果


如果您希望搜索引擎将某些链接或元素重新识别为描述内容的数据，如页面描述、发布日期、页面图像等，您可能需要阅读谷歌的“丰富搜索结果”和“丰富片段”

这些链接将让您开始，或者这里有一篇关于为什么不应该使用rel的文章，以及如果您不确定如何使用数据-，您可以尝试什么


Bootstrap已经大量使用了数据，没有理由不进一步使用它。
使用以“data-”开头的自定义数据属性存储数据是正确的

它符合HTML5规范

请参阅以下链接

*-属性
您正在滥用
数据-
属性，因此对于您的用例来说，它们都不正确（
rel
从来都不正确）

我要么改变HTML的结构以适应额外的信息（即使用其他标记），要么首先将内容存储在JavaScript对象中。将所有内容塞进一个锚定标记中不是一个好主意。
您需要在其中存储哪些数据？滥用
rel
从来都不是正确的解决方案。我想存储大量html。因此，我可以在引导模型中使用它。属性不是HTML的好位置。我更新了一个FIDLE为什么需要将所有这些数据存储在锚定标记中？在
数据-***
中是否存在任何兼容性问题？我指的是浏览器或操作系统，但在
上单击如何将这些数据提供给
模型
。我是否需要为每个
编写模型，并使用看起来非常糟糕的
调用，对不对？？？@suhail:Model还是modal？如果它是一个模态对话框，那么只需要创建一个通用的事件处理程序来处理所有的链接。现在我发现了一些错误。我没有收到全文。。有什么建议吗？？？你所说的
其他标签是什么意思。我现在被困在那里了（…您有很好的洞察力…现在我使用jquery和ajax，只需删除
数据-
标记…hmmmmm:(
<a href="#" rel="some data">click</a>

alert($("a").attr("rel"));