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

标签 javascript jquery html

我通常使用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/

最佳答案

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

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

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

MDN HTML attribute reference

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

兼容性问题

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


丰富的搜索结果

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

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

关于javascript - 在 `<a>` anchor 标记中存储一些数据的正确方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17691799/

相关文章:

javascript - 通过比较新旧数组对象获取唯一值

javascript - jQuery 发布请求(不是 AJAX)

javascript - jQuery 替换 html 标签和链接之外的内容

java - 使用 itext 从 html 生成 pdf 时不采用 CSS 样式

javascript - 如何在表单条目中给出 "same as the above"

javascript - 客户端 &lt;script src ="/socket.io/socket.io.js">&lt;/script&gt; 未找到,使用 Express-generator 生成的项目

javascript - webpack 4 react 意外 token ...(扩展运算符)

javascript - jquery 并在点击时更改 html 5 视频源

jQuery 选择器 : is the order of selectors important?

javascript - 请求参数中的 Ajax POST 数据