Html 什么是数据目标和数据幻灯片属性？

我正在使用bootstrap（好的，我是新手），我发现了这两个属性，有人能给我解释一下吗？

您看到的属性是自定义数据属性。它们有时表示为

数据-*

任何带有“data-”前缀的内容都用于存储不会在浏览器中呈现的自定义数据

所以你可以有这个：

<div data-foo="ABC" data-bar="123">Hello World</div>

你好，世界

---

通常，您会从JavaScript中读回此数据并对其进行处理。

在本例中，它们是用于配置以下内容的变量：

使用数据属性可以轻松控制旋转木马的位置。

数据幻灯片

接受关键字

prev

或

next

，这会改变幻灯片 相对于其当前位置的位置。或者，使用

data slide to

将原始幻灯片索引传递到传送带

数据滑动到=“2”

，将滑动位置移动到特定位置 索引以

0

开头

---

.

为了进一步阐述@Larsenal的观点，自定义数据属性对于开发人员来说非常方便。就像说明书上说的：

自定义数据属性用于存储页面或应用程序专用的自定义数据，没有更合适的属性或元素。这些属性不适用于独立于使用这些属性的站点的软件

示例用法包括：

存储初始高度/宽度，稍后可能会使用JS进行更改。 有很多简单的方法可以通过JavaScript获取和设置这些属性——使用

getAttribute

和

setAttribute

 <div id='strawberry-plant' data-fruit='12'></div>
 <script>
    // 'Getting' data-attributes using getAttribute
    var plant = document.getElementById('strawberry-plant');
    var fruitCount = plant.getAttribute('data-fruit'); // fruitCount = '12'
 </script>

//使用getAttribute“获取”数据属性
var-plant=document.getElementById（'草莓-plant'）；
var fruitCount=plant.getAttribute（'data-fruit'）；//水果计数='12'

请记住，这不是良好做法。因此，请使用

数据集属性

在此处阅读有关数据属性的更多信息：

---

作为一名JavaScript开发人员，您可能会爱上他们（或许不是）

。它们是遵循HTML5规范的自定义属性。可能的重复应该提到，w3schools在StackOverflow上被广泛鄙视，主要是因为它们没有纠正它们确实存在的错误。他们的网站在谷歌上很受欢迎，而且很容易阅读和学习，但不如官方文档好。作为一个更具技术性但也更可靠的web技术参考。非常感谢~！你们都帮了大忙！没问题，@XinruiMa！谢谢你接受了答案。。这是我第一次在这里回答一些问题，很高兴它起了作用