カスタムデータ(data-*)属性について、間違っているものはどれか。(全て選択)
正解!おめでとう!
解説
カスタムデータ(data-*)属性は、ある要素に独自の属性と値を追加できるもの。
使用する時は、下のように記述するよ。
<開始タグ data-独自の名前="独自の値">
カスタムデータ(data-*)属性のサンプルコードはこちら。
<div data-test="1">
<div data-test="1" data-sample="a">
1つの要素に複数のカスタムデータ属性を指定することができる。
カスタムデータ属性を使用する際、属性名(data-独自の名前)について3つ決まり事がある。
- 必ず「data-」から始めなければならない
- 大文字のAからZを含めてはならない
- コロン「:」を含めてはならない
そのため、カスタムデータ属性は1つの要素に複数指定できる、属性名は必ず「date-」で開始する、属性名の中に大文字を含むことはできないが正解。
属性名の中にコロン「:」を含むことはできないけど、アンダースコア「 _ 」は含むことができるから、属性名の中にコロン「 : 」を含むことができる、属性名の中にアンダースコア「 _ 」を含むことはできないは不正解。
おしい…もう一度…!
Comment