HTML data-* 属性,HTML datalist,HTML data-*src属性,HTML data-modal属性,HTML data-options,htmldatalist属性
HTML标签中的"data"属性是自定义属性，它可以用来在HTML元素上存储额外的信息。这些属性不会影响HTML元素本身的显示和行为，但它们可以被JavaScript和CSS等脚本访问和操作，以实现一些交互效果。

以下是一个例子：

html
<button data-id="1" data-action="delete">删除</button>


在这个按钮元素中，我们添加了两个"data"属性：data-id和data-action。data-id存储了一个id，而data-action存储了一个动作名称。这样，在JavaScript中，就可以通过访问这些属性来执行特定的操作，例如：

javascript
const button = document.querySelector('button');
const id = button.dataset.id;
const action = button.dataset.action;

// 可以根据获取的值执行相应的操作
if (action === 'delete') {
deleteItem(id);
}


需要注意的是，“data”属性必须以“data-”作为前缀，否则它们将被视为无效的属性。同时，也要避免使用与HTML5规范中已定义的属性相同的名称，以免出现冲突。