-2

这是我在查看网站源代码时遇到的部分代码。一个链接,它的正确描述也足够了。在某处我还看到 data-info 作为属性。


在 span 标签中,使用了 data-msg:

<li>
    <span class="info" data-msg="sources.remittances.type" data-info="sources.remittances.info"></span>:
    <a data-msg="sources.remittances.name" target="_blank" href="http://econ.worldbank.org/WBSITE/EXTERNAL/EXTDEC/EXTDECPROSPECTS/0,,contentMDK:22759429~pagePK:64165401~piPK:64165026~theSitePK:476883,00.html"></a>
</li>

这是另一个例子:

<section class="static">
    <div class="msg" data-msg="browser.not.supported"></div>
</section>
4

4 回答 4

0

自定义数据属性旨在存储页面或应用程序私有的自定义数据,没有更合​​适的属性或元素。

-W3c

Webdesign Tuts 对data-.

当没有其他旨在存储特定数据的元素或属性时,应该使用它。它不打算被最终用户看到。而是允许更丰富的应用程序。

相同的链接(上面)给出了一个很好的例子:

<audio controls="controls">
  <source src="track1.mp3" type="audio/mpeg" data-duration="1min5secs" data-tempo="125bpm" data-artist="The Beatles" />
</audio>

您现在可以让应用程序访问这些数据,而无需额外调用服务器。

对于某些允许自定义属性的框架(看看你的 Angular.js),为所有属性添加前缀data-允许代码验证,因为我相信浏览器会忽略这些属性。

于 2013-08-27T05:32:48.807 回答
0

它是一个 html 属性标准,用于存储有助于 UI/页面功能的任意数据。它旨在成为表示数据的标准,而不仅仅是使用任意自定义属性

于 2013-08-27T05:25:38.173 回答
0

自定义数据属性旨在存储页面或应用程序私有的自定义数据,没有更合​​适的属性或元素。

您需要了解的有关 HTML5 数据属性的所有信息

HTML5 自定义数据属性 (data-*)

于 2013-08-27T05:26:34.110 回答
-1

HTML 5 中引入的一个新特性是添加了自定义数据属性。这是对规范的一个看似奇怪的补充——但实际上提供了许多有用的好处。

访问

http://html5doctor.com/html5-custom-data-attributes/

于 2013-08-27T05:32:33.317 回答