html data有哪些属性？

根据提供的引用内容，HTML中的data属性是由开发人员定义的，它为我们的HTML提供了与CSS和JavaScript通信的新方式。我们可以使用data属性将自定义数据附加到HTML元素上，这些数据可以在JavaScript中使用。HTML5中，data属性的命名必须以“data-”开头，后面跟着自定义名称。例如，我们可以使用data属性来存储产品ID或其他自定义数据。在JavaScript中，我们可以使用getAttribute()方法来获取data属性的值，也可以使用dataset属性来访问data属性的值。下面是一个例子：

<div id="product" data-product-id="12345" data-product-name="Apple iPhone"> This is a product div. </div>

在JavaScript中，我们可以使用以下代码来获取data属性的值：

const productDiv = document.getElementById('product'); const productId = productDiv.getAttribute('data-product-id');const productName = productDiv.getAttribute('data-product-name'); console.log(productId); // 输出：12345 console.log(productName); // 输出：Apple iPhone12