自定义元素-扩展HTMLElement的命名冲突

Question

通过扩展HTMLElement类来创建自定义元素。

因此，当您创建一个自定义属性名称时，似乎必须特别注意不要为您的自定义元素提供任何已从HTMLElement继承的自定义属性名称。

我可以想像出很多避免这些潜在命名冲突的方法，但是会对其他人的建议或有关该主题的最佳做法感兴趣。

Answer 1

如@Jared Smith所建议的那样，最佳做法是使用带连字符的名称，更确切地说，是可以使用data-* notation属性访问的dataset。

请注意，请勿使用aria-*表示法，因为它是为accessibility保留的。

最后，您可以选择除global attributes之外的任何名称，或者如果扩展标准HTML元素，则可以选择特定属性。