javascript - 在 `` anchor 标记中存储一些数据的正确方法是什么？

Question

我通常使用data-***来存储一些数据。

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

我可以在 jquery 中使用

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

它工作正常。但我想知道这样做是否正确，是否存在任何兼容性问题？？

或者我需要使用 rel 即:

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

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

我更新了一个 fiddle http://jsfiddle.net/suhailvs/XYZQK/

Answer 1

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

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

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

MDN HTML attribute reference

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

兼容性问题

由于 data 和 rel(指的是 a 标签)属性被认为会被浏览器忽略，所以您可以同时使用两者，或者/或者。虽然最好使用 data 标签来存储“数据”。

---

丰富的搜索结果

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

这些链接会让你开始 Rich search results或 About rich snippets and structured data