HTML Living Standard/data

DATA要素

<data>要素は、マシンリーダブルなデータを人間が読めるテキストに関連付けるために使用されます。通常、value属性を利用して、データの意味や値をマークアップします。

以下は、<data>要素の基本的な使用例です。

<p>現在の気温: <data value="25">25度</data></p>

この例では、value属性にマシンリーダブルな値が指定され、人間が読める形式の「25度」と関連付けられています。

<data>要素は次の属性をサポートします：

<data value="12345">商品番号: 12345</data>

以下の例では、商品に関するマシンリーダブルなデータを提供しています。

<p>商品の価格: <data value="980">980円</data></p>

この場合、980円という人間向けの情報に対して、value="980"としてデータが提供されています。

機械学習モデルにデータを提供するための例です。

<p>レビュー評価: <data value="4.5">4.5/5</data></p>

この例では、value属性に評価スコアが格納され、モデルやスクリプトによって利用可能です。

<data>要素は、マシンリーダブルなデータが必要な場面で有用です。ただし、代替としてカスタムデータ属性（data-*属性）が使用される場合もあります。
<data>要素を使用する際は、必ずvalue属性を設定してください。設定しない場合、マシンリーダブルなデータとしての機能を果たしません。

<data>要素はインライン要素として扱われます。CSSでスタイルを適用できます。

data {
  font-weight: bold;
  color: #007bff;
}