HTMLのカスタムデータ属性とは、自分で作った特別な情報をHTML要素に追加するためのものです。これは、ウェブページがどのように動作するかを制御するためにJavaScriptから使用されます。カスタムデータ属性は`data-`で始まる名前を持ちます。例えば、`data-myattribute`のようになります。 ~~~html

ここに何かを書く

~~~ ## 例1:情報の保存と取得カスタムデータ属性は、HTML要素に関連する情報を保存し、後でJavaScriptで取得するために使います。 ~~~html

ここに何かを書く

~~~ 上記のコードでは、まず`data-myattribute`というカスタムデータ属性を作り、その値に"somevalue"を設定しています。次に、JavaScriptを使ってその値を取得しています。 ## 例2:要素の状態の追跡カスタムデータ属性は、HTML要素の状態（例えば、ボタンが押されたかどうか）を追跡するためにも使えます。 ~~~html ~~~ 上記のコードでは、ボタンがクリックされたかどうかを追跡しています。ボタンがクリックされると、`data-clicked`属性の値が"false"から"true"に変更されます。

スキル図鑑

クイズにチャレンジしよう！

関連チャレンジ