<data> - データ定義

トップ > HTMLリファレンス > <data>

概要

形式
<data>~</data>
サポート
LS / H5 / Fx22
カテゴリ
フローコンテンツ
フレージングコンテンツ
パルパブルコンテンツ
親要素
フレージングコンテンツ を子要素に持てるもの
子要素
フレージングコンテンツ
タグの省略
開始タグ:必須 / 終了タグ:必須
属性
グローバル属性
value

説明

data要素は、value属性でコンピュータが識別可能な形式の情報を与えるために使用されます。

HTML5 の関連仕様として RDFa や Microdata、microformats などの意味づけ技術も実用化されていますが、それらと組み合わせて利用されることが考えられます。また、ページに埋め込まれた JavaScript などのスクリプト言語に対する情報を与えるのにも役立つかもしれません。

属性

グローバル属性
詳細は グローバル属性 を参照してください。
value=value
LS/H5
コンピュータが識別可能な形式の情報を指定します。必須属性です。

使用例

例えば、日本語の混じった日時情報はコンピュータには解釈が困難ですが、value属性により規約に定められたフォーマットの日付情報を渡してやることで、コンピュータが日付を解釈しやすくしてやります。ただし、この目的であれば、<time> があるのでそちらを使用する方がよいでしょう。

HTML
この記事は <data value="2014-12-10T18:59:00+09:00">2014年12月10日 18時59分</data> に投稿されました。

下記の例では、Trace, Debug, Info, Warn, Error Fatal といった、利用者に分かりやすいメッセージレベルに対して、Lv1~Lv6 といった、コンピュータが利用しやすい(コンピュータがソートキーとして利用しやすい)値を value 属性で与えています。

HTML
<table>
  <tr><td><data value="Lv3">Info</data></td><td>...</td></tr>
  <tr><td><data value="Lv6">Fatal</data></td><td>...</td></tr>
  <tr><td><data value="Lv1">Trace</data></td><td>....</td></tr>
  <tr><td><data value="Lv4">Warn</data></td><td>...</td></tr>
  <tr><td><data value="Lv2">Debug</data></td><td>...</td></tr>
  <tr><td><data value="Lv5">Error</data></td><td>...</td></tr>
</table>

関連項目

data-*

リンク


Copyright (C) 2015-2017 杜甫々
初版:2015年1月3日 最終更新:2017年12月31日
http://www.tohoho-web.com/html/data.htm