9

を使用しようとしましdata-userIdたが、firebug はdata-userid(小文字の "i" で) と表示します。カスタム データ属性では大文字を使用しないようです。HTML5 カスタム データ属性の命名規則は何ですか? それを使用するためのベストプラクティスを教えてください。

4

3 に答える 3

17

仕様からまっすぐ:

data-*3.2.3.9属性を使用したカスタム非表示データの埋め込み

カスタム データ属性は、名前が文字列 " " で始まりdata-、ハイフンの後に少なくとも 1 文字があり、XML と互換性があり、大文字の ASCII 文字含まない、名前空間のない属性です。

(強調追加)


XML 互換とはどういう意味ですか?

属性名が XML で定義されたプロダクションと一致し、U+003A コロン文字 (:) を含まない場合、属性名はXML 互換であると言われます。Name

Name制作ルールとは?

[4] NameStartChar ::= ":" | [A-Z] | "_" | [a-z] | [#xC0-#xD6] | [#xD8-#xF6] | [#xF8-#x2FF] | [#x370-#x37D] | [#x37F-#x1FFF] | [#x200C-#x200D] | [#x2070-#x218F] | [#x2C00-#x2FEF] | [#x3001-#xD7FF] | [#xF900-#xFDCF] | [#xFDF0-#xFFFD] | [#x10000-#xEFFFF]
[4a] NameChar ::= [5] ::= NameStartChar | "-" | "." | [0-9] | #xB7 | [#x0300-#x036F] | [#x203F-#x2040]
NameNameStartChar (NameChar)*

于 2013-10-23T05:26:23.733 に答える
3

上記の投稿の仕様では見つかりませんでしたが、jquery data('userId') を使用して camelCase データ項目を取得する場合は、属性 data-user-id=' を追加する必要があります。 xx'

于 2016-08-05T06:02:39.260 に答える
2

データ属性名は、少なくとも 1 文字の長さで、接頭辞「data-」を付ける必要があります。大文字を含めないでください。

データ属性の名前は文字列「data-」で始まり、HTML 命名規則を使用してハイフンの後に少なくとも 1 文字を含める必要があります。

HTML5 データの参照

カスタム データ属性は、ページまたはアプリケーション専用のカスタム データを格納するためのものであり、これ以上適切な属性や要素はありません。

完全なガイドラインは、W3 勧告に記載されています。

于 2013-10-23T05:26:17.637 に答える