HTML data-* 属性

定義と用法

data-* 属性は、ページまたはアプリケーションのためにプライベートなカスタム・データを格納するために使用します。

data-* 属性は、カスタム・データ属性をすべての HTML 要素に埋め込む機能を提供します。

格納した（カスタム）データは、（Ajax 呼び出しまたはサーバ・サイドのデータベース・クエリを使わずに） ページの JavaScript で使用することにより、魅力的なユーザーエクスペリエンスを作成することができます。

data-* 属性は、次の 2 つの部分から構成されます：

1. 属性名は、大文字を含まず、接頭辞 "data-" の後に少なくとも 1 文字以上の文字がなければなりません
2. 属性値は、あらゆる文字列を使用できます

注: 接頭辞が "data-" のカスタム属性は、完全にユーザエージェントによって無視されるます。

適用

contextmenu 属性は グローバル属性 の一つで、全ての HTML 要素で使用することができます。

例

ブラウザ・サポート

表中の数字は、属性を完全にサポートした最初のブラウザ・バージョンを指定しています。