HTML属性应使用小写加连字符，如data-user-id、aria-label；避免驼峰式如dataUserId；自定义属性也遵循此规范，JavaScript中通过dataset访问时自动转为驼峰，如element.dataset.userName。
HTML 属性名使用小写加连字符（kebab-case），而不是驼峰命名法（camelCase）。
标准 HTML 属性命名规范
根据 HTML 规范，所有原生属性名都采用小写字母，多个单词之间用连字符连接。浏览器解析时对大小写不敏感，但推荐始终使用小写以保持一致性。
- 正确写法：
data-user-id、aria-label、class-name - 错误写法：
dataUserId（驼峰式，不符合 HTML 习惯）
自定义属性（data-*）也应遵循此规则
在添加自定义数据属性时，HTML5 明确支持 data-* 形式，建议使用小写加连字符，便于读取和维护。
- 推荐：
data-product-category、data-item-index - 避免：
dataProductCategory（虽然能用，但不符合规范）
注意 JavaScript 中的访问方式
当通过 JavaScript 的 dataset 访问 data-* 属性时，会自动转换为驼峰命名。
立即学习“前端免费学习笔记（深入）”；
- HTML 写成：
data-user-name="Alice" - JS 中访问：
element.dataset.userName
