【问题标题】:Is there any reason I should stick strictly to "data-" attributes for custom attributes? [duplicate]有什么理由我应该严格遵守自定义属性的“数据”属性吗? [复制]
【发布时间】:2021-04-06 01:41:14
【问题描述】:

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

【问题讨论】:

  • 除了希望保持您的 HTML 有效之外?没有。
  • 未来的证明出来了。如果您使用一个随机名称,而后来的 HTML 版本恰好包含了它,那么您的页面会以一种意想不到的方式突然发生变化。保证数据属性保持特定于应用程序。
  • 如果网站也使用未知标签和属性,搜索引擎可能会惩罚您。如果是这样的话,数据可以防止这种情况发生。
  • 他们也不会让验证者窒息。
  • 如果其他开发人员使用您的代码库,对他们来说会更容易。因为使用data- 是众所周知的标准。

标签: html custom-data-attribute


【解决方案1】:

是的。

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 声明了一组特定的有效属性。通常应避免违反标准。

【讨论】:

  • 我真的不在乎 1) 和 3)(我的意思是我从来没有成为一个基于“仅仅因为”推理而遵循规则的人),但第 2 点令人信服……实际上我什至不知道你能做到这一点,所以谢谢!
猜你喜欢
  • 1970-01-01
  • 2010-09-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-01-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多