有什么理由我应该严格遵守自定义属性的 "data-" 属性吗?

Is there any reason I should stick strictly to "data-" attributes for custom attributes?

如标题所说,有什么理由不能为我自己的属性创建任意名称吗?

是的。

MDN:https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

  1. 清理“命名空间”:您无需限制自己可以使用哪些属性。 data-bgcolor 使用安全,bgcolor 不安全。

  2. 语义:访问数据和非数据属性的方式不同。通常,将使用 el.getAttribute("value") 检索属性,而将使用 el.dataset.value 访问数据属性。这不会混淆属性的作用(是否可见)。

  3. 这是标准的:HTML5 声明了一组特定的有效属性。通常应避免违反标准。