: DATA 要素
最終更新：2026-09-12
<data>DATA 要素
表示テキストを機械可読な値と関連付けます（例：商品名と価格やコード）。ブラウザーはテキストのみ表示し、スクリプトが value を読めます。
| カテゴリ | テキスト内容 |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </data> タグ |
| ステータス | 標準 |
📝 構文
<data value="598">$598</data>⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
value | The machine-readable value; the text is still shown as-is. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <data> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： 日時関連の値には、意味論の面から <data> より <time> を使うのが推奨です。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
