data要素はHTML5から新たに追加された要素です。

data要素は、value属性に機械可読な形式で値を持たせることで、人が読む場合の情報とスクリプトなどが読み取る場合の情報を両方同時に提供することができます。ただし、valueの中身が日時や時刻を表す場合はtime要素を用いるべきです。

使用例

<dl>

<dt>商品Aの個数:</dt>

<dd><data value="12">12個</data></dd>

<dt>商品Bの個数:</dt>

<dd><data value="18">18個</data></dd>

<dt>合計:</dt>

<dd><data value="30">12 + 18 = 30個</data></dd>

</dl>

使用可能な属性

  • すべてのグローバル属性

コンテンツカテゴリ

  • フローコンテンツ
  • フレージングコンテンツ
  • パルパブルコンテンツ

子要素にしていい要素の種類

  • フレージングコンテンツ

親要素にしていい要素の種類

  • 子要素にフレージングコンテンツが期待されているすべての要素

仕様書と策定状況

仕様書 策定状況
W3C 勧告
WHATWG Living Standard
最終更新:2016年11月4日

ミツエーリンクスでは、デジタルメディアにおける企業と顧客とのコミュニケーション課題を解決する、さまざまなサービスをご提供しています。ぜひ一度サービスページをご覧ください。

関連情報