data-* 属性是自定义 HTML 属性。

基本上，有像style, src, width, height, class...这样的标准 HTML 属性，这些属性对浏览器具有特殊意义并且是“保留的”。

但是，自定义属性一般没有特殊意义，只对所有者的应用程序有特殊意义。它们可用于简化应用程序的逻辑。

data-在属性名称之前使用可确保将来的标准属性不会使用您当前的属性。例如，假设今天您正在使用一个sound属性，但是 HTML 标准添加了一个sound属性，该属性的含义与您的意思不同。如果你使用data-sound，你会没事的，因为不会有冲突。该规范表示未来的标准浏览器属性不会以data-.

有关我们为什么使用属性的一些有用信息，请参阅jquery get HTML 5 Data Attributes with hyphens 和 Case Sensitivitydata-*。

另外，请参阅MDN 文档以获取一些有用的信息。