html - カスタム属性に x- プレフィックスではなく data- プレフィックスを使用する利点は何ですか?

Question

AngularJS のドキュメントには、 Optionally the directive can be prefixed with x-, or data- to make it HTML validator compliant. .

マークアップの例:

1. プレフィックスなし:<input ng-model="name">
2. data-:<input data-ng-model="name">
3. x-:<input x-ng-model="name">

接頭辞はよりx-も速く入力できますがdata-、私が見たチュートリアルでは接頭辞なしまたはdata-を使用していたので、私の質問は次のとおりです。data-x-

Answer 1

data-HTML5 仕様の標準化された部分 です。意味的には、それが最善の方法です。

Answer 2

アプリケーションの属性と HTML で定義される可能性のある将来の属性との間の競合を避けるために、w3.org は特定のスキームであるdata-*属性を定義および正規化しました。規範を参照してください。

これを使って

• 非互換性のリスクを軽減する
• これらの属性にアプリケーション固有のデータが含まれていることを他のコーダーやツールが認識できるようにする

さらに、正規化されたデータ属性を使用すると、element.datasetプロパティを使用でき、jQuery などの一部のライブラリが特定のユーティリティを提供します。