html data-*属性为元素添加自定义数据属性

HTML中的data-*属性允许开发者为元素添加自定义的数据属性。它们可以在JavaScript中使用，以便开发者可以将非标准的数据绑定到HTML元素上。

使用方法

上面的代码中，我们向div元素添加了两个自定义的数据属性：data-name和data-age。这些属性可以在JavaScript中访问，以便开发者可以在页面上创建和操作自定义的数据。

要访问这些自定义属性，可以使用JavaScript的dataset属性，它可以返回一个对象，其中包含元素的所有data-*属性。例如：

let elem = document.querySelector('div');
let name = elem.dataset.name; // "John"
let age = elem.dataset.age; // "30"

也可以使用JavaScript的setAttribute()方法来设置data-*属性：

elem.setAttribute('data-name', 'Jane');
elem.setAttribute('data-age', '25');

data-*属性可以用来存储任何类型的数据，包括字符串、数字、布尔值等。但是，它们不能包含任何HTML特殊字符，例如<、>、&等。

data-*属性是一种非常有用的工具，可以帮助开发者更好地绑定数据到HTML元素，并在JavaScript中访问它们。