javascript - What is the correct way to store some data in `` anchor tag?

Question

i usually use data-*** to store some data.

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

i can get it in jquery using

alert($("a").data("address"));

it works fine. but i want to know is it the right way of doing and is there any compatibility issues??

or does i need to use the rel ie:

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

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

score 3 · Accepted Answer

rel引用标签时的属性a是让搜索引擎确定文档与其链接到的文档之间的关系。

data开发人员可以使用该属性来制作自定义属性，同时在其中存储数据。

话虽这么说data-***是存储一些数据的正确方法。

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

兼容性问题

由于dataand rel（指标记a）属性被假定被浏览器忽略，您可以同时使用两者，非此即彼。尽管使用data标签存储 'data' 是最佳实践。

丰富的搜索结果

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

score 1 · Accepted Answer

如果您希望临时存储数据（即仅在页面期间），那么使用.data() api 是正确的方法

score 1 · Accepted Answer

您正在滥用data-属性，因此对于您的用例，它们都不正确（rel从不正确）。

我要么改变 HTML 的结构以容纳额外的信息（即使用其他标签），要么只将内容存储在 JavaScript 对象中。把它全部塞进一个锚标签不是一个好主意。

score 1 · Accepted Answer

这是一篇关于为什么不应该使用 rel 的文章，以及如果你不确定使用 data- 可以尝试什么。

Bootstrap 已经大量使用数据，没有理由不进一步使用它。

score 1 · Accepted Answer

使用以“data-”开头的自定义数据属性存储数据是正确的。

它符合 HTML5 规范。

请参阅以下链接。

5 回答 5