Question

这是我在查看网站源代码时遇到的代码的一部分。一个链接，其正确的描述也足够了。某处我还看到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>

Answer 1

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

Answer 2

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

All You Need to Know About the HTML5 Data Attribute

HTML5 Custom Data Attributes (data-*)

Answer 3

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

-W3c

Webdesign Tuts gives a pretty good write-up of 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-允许代码验证，因为我相信浏览器会忽略这些属性。

Answer 4

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

访问

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

什么是HTML中使用的数据属性？而且，数据属性的常见组合是什么？

4 个答案: