<data> - データ定義

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

• 概要
• 説明
• 属性
• 使用例
• 関連項目
• リンク

概要

形式

<data>～</data>

サポート

https://caniuse.com/mdn-html_elements_data

カテゴリ

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

親要素

フレージングコンテンツ を子要素に持てるもの

子要素

フレージングコンテンツ

タグの省略

開始タグ:必須 / 終了タグ:必須

属性

グローバル属性
value

説明

data要素は、value 属性でコンピュータが識別可能な形式の情報を与えるために使用されます。HTML5 の関連仕様として RDFa や Microdata、microformats などの意味づけ技術も実用化されていますが、それらと組み合わせて利用されることが考えられます。また、ページに埋め込まれた JavaScript などのスクリプト言語に対する情報を与えるのにも役立つかもしれません。

属性

グローバル属性

詳細は グローバル属性 を参照してください。

value=value

LS/H5

コンピュータが識別可能な形式の情報を指定します。必須属性です。

使用例

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

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

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

<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-*

リンク

• https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-data-element
• https://developer.mozilla.org/ja/docs/Web/HTML/Element/data
• https://caniuse.com/mdn-html_elements_data