使用自定义数据属性可以在HTML元素中存储额外的信息，以便于JavaScript或CSS使用。自定义数据属性的名称必须以"data-"开头，然后可以添加任意名称，以及值。以下是一个示例：
<div data-name="John" data-age="30">这是一个自定义数据属性示例</div>在JavaScript中，可以使用dataset属性来访问元素的自定义数据属性。例如，要获取上面示例中div元素的名称和年龄，可以使用以下代码：
const divElement = document.querySelector('div');
const name = divElement.dataset.name;
const age = divElement.dataset.age;在CSS中，可以使用属性选择器来选择拥有特定自定义数据属性的元素。例如，要选择所有具有"data-name"属性的div元素，可以使用以下代码：
div[data-name] {
color: red;
}这将使所有具有"data-name"属性的div元素文字颜色变为红色。
关键词：自定义数据属性，data-，dataset，属性选择器。