data-value、data-title、data-original-title、original-title等的用途和用途是什么？
data-value、data-title、data-original-title、original-title等的用途和用途是什么？
提问于 2013-06-22 09:33:46
我在GitHub之类的更现代的网站上看到过这些属性，它们似乎总是与title属性这样的自定义弹出窗口相一致。
<a href="/" data-value="hovering message">Option 1</a>
<a href="/" data-title="hovering message">Option 2</a>
<a href="/" data-original-title="hovering message">Option 3</a>
<a href="/" original-title="hovering message">Option 4</a>我在HTML5医生上读了一些关于数据属性的文档，我不太确定这一点。
使用它们有没有一些SEO或可访问性的好处？在这种情况下，通常用来创建弹出窗口的插件(希望是jQuery)是什么？
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-06-22 10:35:34
简单地说，定制数据属性的规范规定，任何以“data -”开头的属性都将被视为私有数据的存储区(私有的意思是最终用户看不到它-它不影响布局或表示)。
这使您可以编写有效的HTML标记(传递HTML5验证器)，同时在页面中嵌入数据。一个简单的例子：
<li class="user" data-name="John Resig" data-city="Boston"
data-lang="js" data-food="Bacon">
<b>John says:</b> <span>Hello, how are you?</span>
</li>
来自：Ejohn.org‘不确定外部链接政策，只是把它放在这里，以防有人想知道。’
Stack Overflow用户
发布于 2013-06-22 09:38:47
HTML5 data-*属性用于在元素中存储数据
要处理此属性，可以使用jQuery.data()或.data()方法。
Stack Overflow用户
发布于 2013-06-22 13:50:05
要点是data-属性不会与以后可能添加到HTML中的属性或特定于浏览器的属性冲突。这样做的想法是给作者一个游乐场，一个名称空间，在这里他可以将属性用于私人目的，而不必担心将它们解释为某种不同含义的标准或供应商定义的属性。
根据这个想法，搜索引擎和辅助软件会忽略这些属性，因为它们没有可互操作的含义。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17246497
复制相关文章
相似问题
腾讯云开发者
