カスタムタグのカスタム属性にはdata- *プレフィックスが必要ですか？

Question

私はカスタムタグに " - "が必要であることを知っています。そして、私はカスタム属性に "data-"接頭辞が必要であると判断します。カスタムタグのカスタム属性はどうですか？ カスタム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で指定されているように：

要素の作成者によって決定されるように、要素の機能に関連する任意の名前空間レス属性は、属性名は、XML-互換性があり、含まれている限り、autonomous custom elementに指定することができますASCIIの上位桁はありません。例外は、is属性です。これは、自律型カスタム要素で指定してはいけません（存在する場合は効果がありません）。