HTML 5 的data-* 自定义属性
这篇讲的是HTML5如何通过 `data-*` 自定义属性，为元素规范地存储和传递私有数据。文章从 `data-*` 属性的定义切入，指出它与传统的任意自定义属性（如 `uid`）在使用上看似相似，但其核心价值在于将这类非可视数据标准化，让代码意图更清晰。 文章的重点在于对比两种存取这些数据的方法。第一种是通用的 `getAttribute` / `setAttribute` 方法，它兼容性极好，但需要写完整的属性名（如 `data-uname`），与传统方式无异。第二种则是HTML5提供的 `dataset` API，这是一种更现代、更语义化的方式。使用时，只需通过 `element.dataset` 对象即可访问，无需“data-”前缀。文章特别提醒了`dataset`的一个关键细节：如果属性名含有连字符（如 `data-date-of-birth`），在通过JS访问时会被自动转换为驼峰式命名（`dataset.dateOfBirth`）。 最终，文章清晰地给出了选择：如果追求广泛兼容或习惯传统操作，`getAttribute` 是可靠选择；若在支持HTML5的现代环境中开发，`dataset` API 提供了更优雅、更符合标准的数据交互方式。