html – 数据价值,数据标题,数据原始标题,原始标题等的目的和用法是什么?

前端之家收集整理的这篇文章主要介绍了html – 数据价值,数据标题,数据原始标题,原始标题等的目的和用法是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在GitHub等更现代化的网站上,我们已经看到了这些属性,并且它们总是像标题属性一样,与自定义的popover一致.
<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 Doctor的数据属性的文档,我不太清楚这一点.

有没有使用它们的SEO或辅助功能?在这种具体情况下,通常用来创建popovers的插件(希望是jQuery)是什么?

解决方法

简单来说,自定义数据属性的规范表明,以“data-”开头的任何属性将被视为私有数据的存储区域(私有数据在最终用户看不到的意义上 – 它不会影响布局或演示).

这允许您编写有效的HTML标记(传递HTML 5验证器),同时在页面中嵌入数据.一个简单的例子:

<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‘不确定外部链接政策,只要把它放在这里,如果有人想知道’

猜你在找的HTML相关文章