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

栏目: Html · 发布时间: 7年前

内容简介:代码日志版权声明:翻译自:http://stackoverflow.com/questions/17246497/what-is-the-purpose-and-usage-of-data-value-data-title-data-original-title-or

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

代码日志版权声明:

翻译自:http://stackoverflow.com/questions/17246497/what-is-the-purpose-and-usage-of-data-value-data-title-data-original-title-or


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

数字战争

数字战争

[英]查尔斯·亚瑟 / 余淼 / 中信出版社 / 2013-6-1 / 49

1998年,数码世界初具雏形。 至此以往,大浪淘沙。随着IT产业的迅猛发展,涌现出了以苹果、谷歌、微软为首的行业巨头。它们为争夺数码世界不同分支的霸主地位而争斗,包括搜索技术、移动音乐、智能手机和平板电脑市场。它们可利用的武器包括硬件、软件以及广告。同时,它们要赌上的则是公司的声望,当然,还有我们的未来。然而,无论在产品创新还是在战略优势上,这些企业彼此竞争、彼此砥砺,推动了行业的良性发展。......一起来看看 《数字战争》 这本书的介绍吧!

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具