自定义标签上的自定义属性是否需要data- *前缀？

Question

我知道自定义标签需要有一个“ - ”。我知道自定义属性需要“data-”前缀。但是自定义标签上的自定义属性呢？ 如果我定义了自定义HTML标记/元素，例如<x-sososlik></x-sososlik>。 我需要一些自定义属性。例如：头发颜色。 该属性是否需要data- *前缀？

<x-sososlik hair-color="green"></x-sososlik>

-OR -

<x-sososlik data-hair-color="green"></x-sosolik>

问题更多的是“什么是正确的方式”，因为它适用于两者。 我问，因为我找不到那些信息。 我需要知道它，因为我试图缩短现有项目的属性名称，在实际代码中有很多属性。

Answer 1

不，您不需要在自主自定义元素上使用data-前缀（而不是自定义内置元素 ）。正如the WHATWG HTML standard中所述：

  

只要属性名称为XML，就可以在autonomous custom element上指定由元素的作者确定的与元素功能相关的任何无名称空间属性。兼容并且不包含ASCII上部alpha。例外是is属性，不能在自治的自定义元素上指定（如果是，则不会生效）。