data要素

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>

使用可能な属性

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

コンテンツカテゴリ

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

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

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

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

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

仕様書と策定状況