を使用しようとしましdata-userId
たが、firebug はdata-userid
(小文字の "i" で) と表示します。カスタム データ属性では大文字を使用しないようです。HTML5 カスタム データ属性の命名規則は何ですか? それを使用するためのベストプラクティスを教えてください。
3 に答える
仕様からまっすぐ:
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]
Name
NameStartChar
(
NameChar
)*
上記の投稿の仕様では見つかりませんでしたが、jquery data('userId') を使用して camelCase データ項目を取得する場合は、属性 data-user-id=' を追加する必要があります。 xx'
データ属性名は、少なくとも 1 文字の長さで、接頭辞「data-」を付ける必要があります。大文字を含めないでください。
データ属性の名前は文字列「data-」で始まり、HTML 命名規則を使用してハイフンの後に少なくとも 1 文字を含める必要があります。
カスタム データ属性は、ページまたはアプリケーション専用のカスタム データを格納するためのものであり、これ以上適切な属性や要素はありません。
完全なガイドラインは、W3 勧告に記載されています。