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

Question

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

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

- 或 -

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

的问题更多的是关于 “什么是正确的做法”，因为它与这两个作品。 我在问，因为我找不到那些信息。 我需要知道它，因为我试图缩短现有项目上的属性名称，在真正的代码中有很多。

Answer 1

不，你不需要使用data-前缀的自主定制元素上（而不是定制的一个内置元素）。作为the WHATWG HTML standard规定：

任何命名空间，更少的属性是相关的元素的功能，如元素的作者确定的，可在一个autonomous custom element指定，只要属性名称是XML兼容，并包含没有ASCII上部字母。例外是is属性，它不能在自定义的自定义元素上指定（如果是的话，它将不起作用）。