Html 什么是“数据效果”属性？

我最近下载了一个代码，它显示

<button data-effect="st-effect-4">Slide along</button>

---

据我所知，st-effect-4是一个类名，但有人能告诉我这个数据效果是用来做什么的吗？

HTML5允许自定义属性，只要它们以数据开头-。这是一个具有特定值的自定义属性。

HTML5允许自定义属性，只要它们以数据-开头。这是一个具有特定值的自定义属性。

它不适用于任何东西

HTML5规定，几乎任何元素都可以有它想要的任何data-*属性，这些属性可以保存它们想要的任何值，只要它们可以像字符串一样对待，就可以存储在元素上

因此，这可能是库的一部分，也可能只是某个人的CSS，用于选择器，如：

button[data-effect] { background : blue; }
button[data-effect="st-effect-4"]:active { background : purple; }

或者在JS中，它被用作游戏控件的查询选择器。。。 谁知道呢？这不是为了什么

HTML5规定，几乎任何元素都可以有它想要的任何data-*属性，这些属性可以保存它们想要的任何值，只要它们可以像字符串一样对待，就可以存储在元素上

因此，这可能是库的一部分，也可能只是某个人的CSS，用于选择器，如：

button[data-effect] { background : blue; }
button[data-effect="st-effect-4"]:active { background : purple; }

或者在JS中，它被用作游戏控件的查询选择器。。。

---

谁知道呢？

自定义数据属性用于存储页面或应用程序专用的自定义数据，而没有更合适的属性或元素

这些属性不适用于独立于使用这些属性的站点的软件

---

每个HTML元素都可以指定任意数量的自定义数据属性和任意值。

自定义数据属性用于存储页面或应用程序专用的自定义数据，而没有其他合适的属性或元素

这些属性不适用于独立于使用这些属性的站点的软件

每个HTML元素可以指定任意数量的自定义数据属性和任意值。

这些属性被调用

---

自定义数据属性用于将自定义数据存储到私有数据 没有更合适的页面或应用程序 属性或元素。这些属性不供用户使用 独立于使用属性的站点的软件。 每个HTML元素可以有任意数量的自定义数据属性 指定，并具有任何值

在Google中找不到它的原因是，这些属性是用户为自己使用而生成的自定义属性。

这些属性被调用

---

自定义数据属性用于将自定义数据存储到私有数据 没有更合适的页面或应用程序 属性或元素。这些属性不供用户使用 独立于使用属性的站点的软件。 每个HTML元素可以有任意数量的自定义数据属性 指定，并具有任何值

---

在Google中找不到它的原因是，这些属性是用户为自己使用而生成的自定义属性。

对于Mary Lou的教程，这是为了控制进入菜单的动画。 这可以重新分配给其他触发器元素-但是使其生效的代码是在-st trigger effects之前出现的DIV元素

如果您仔细查看代码和控制它的CSS，您将能够将其重新分配到任何需要使用它的地方

我目前正在一个大学项目的引导程序样板中使用它

---

src:

对于Mary Lou的教程-这是为了控制菜单中的动画。 这可以重新分配给其他触发器元素-但是使其生效的代码是在-st trigger effects之前出现的DIV元素

如果您仔细查看代码和控制它的CSS，您将能够将其重新分配到任何需要使用它的地方

我目前正在一个大学项目的引导程序样板中使用它

---

src:

相关回答：我想我可以将任何命名的自定义属性添加到任何HTML属性中，而HTML5不是必需的？HTML5数据属性有何不同？@YuriyGalanter好吧，你可以从技术上做到这一点——但我认为一些浏览器IE可能会在你使用自定义属性时遇到问题，我不是100%确定。HTML5是第一个明确允许它的版本，并且设置了这样做的方法。相关回答：我想我可以在任何HTML属性中添加任何命名的自定义属性，而HTML5不是必需的？HTML5数据属性有何不同？@YuriyGalanter好吧，你可以从技术上做到这一点——但我认为一些浏览器IE可能会在你使用自定义属性时遇到问题，我不是100%确定。HTML5是第一个明确允许它的版本，并为此设置了一个方法。