<data>タグは、何らかのデータを表す際に使用します。
data要素には、value属性が必須です。 data要素のvalue属性の値には、data要素の要素内容を機械が読める形式にしたものを指定します。 そのため、data要素の要素内容にできるのは、機械が読める形式で表すことができるデータに限られます。
data要素は、人間が読める値と機械が読める値の両方を提供するのに役立ちます。 data要素をスクリプトと組み合わせて使用する場合、 人間が読み取れる値と機械的に使用する定数を一緒に保存できます。
日付や時刻に関連するデータの場合には、 time要素を使用する方がより具体的な指定となります。
以下のサンプルでは、date要素のvalue属性で機械的に処理できる数値を与えています。 例えば、JavaScriptでテーブル行のソート機能を提供したい場合などに、 date要素のvalue属性の値が役立つでしょう。
<script src="sortable.js"></script>
<table class="sortable">
<thead>
<tr>
<th>名前</th>
<th>順位</th>
</tr>
</thead>
<tbody>
<tr>
<td>太郎</td>
<td><data value="38">全国38位</data></td>
</tr>
<tr>
<td>花子</td>
<td><data value="99">全国99位</data></td>
</tr>
<tr>
<td>次郎</td>
<td><data value="149">全国149位</data></td>
</tr>
</tbody>
</table>
名前 | 順位 |
---|---|
太郎 | 全国38位 |
花子 | 全国99位 |
次郎 | 全国149位 |