問1 カスタムデータ(data-*)属性

Webの基礎知識

カスタムデータ(data-*)属性について、間違っているものはどれか。(全て選択)






正解!おめでとう!

解説

カスタムデータ(data-*)属性は、ある要素に独自の属性と値を追加できるもの。

使用する時は、下のように記述するよ。
<開始タグ data-独自の名前="独自の値">

カスタムデータ(data-*)属性のサンプルコードはこちら。


<div data-test="1">

<div data-test="1" data-sample="a">

1つの要素複数のカスタムデータ属性を指定することができる。


カスタムデータ属性を使用する際、属性名(data-独自の名前)について3つ決まり事がある。


  • 必ず「data-」から始めなければならない
  • 大文字のAからZを含めてはならない
  • コロン「:」を含めてはならない


そのため、カスタムデータ属性は1つの要素に複数指定できる、属性名は必ず「date-」で開始する、属性名の中に大文字を含むことはできないが正解。

属性名の中にコロン「:」を含むことはできないけど、アンダースコア「 _ 」は含むことができるから、属性名の中にコロン「 : 」を含むことができる、属性名の中にアンダースコア「 _ 」を含むことはできないは不正解。

おしい…もう一度…!

Comment