We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

HTML の <data> 要素は、与えられたコンテンツの機械可読な翻訳にリンクします。コンテンツが時刻または日付に関連するものであれば、 <time> 要素を使用する必要があります。

コンテンツカテゴリー フローコンテンツ記述コンテンツ、知覚可能コンテンツ
許可された内容 記述コンテンツ
タグの省略 不可。開始と終了タグの両方が必要。
許可された親要素 記述コンテンツを受け入れる全ての要素
DOM インターフェイス HTMLDataElement

属性

この要素の属性はグローバル属性を含みます。

value
この属性は要素の内容を機械可読な形式で指定します。

以下の例は商品名を表示しますが、それぞれの商品名に商品番号も結びつけます。

<p>新製品</p>
<ul>
 <li><data value="398">ミニケチャップ</data></li>
 <li><data value="399">ジャンボケチャップ</data></li>
 <li><data value="400">メガジャンボケチャップ</data></li>
</ul>

仕様策定状況

仕様書 実装状況 コメント
HTML Living Standard
<data> の定義
現行の標準 HTML5 から変更なし。
HTML5
<data> の定義
勧告 初回定義。

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応62 あり22 なし49 なし
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応6262 あり2249 なし なし

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, yuheiy, .Hiroya, aokashi, lv7777
最終更新者: mfuji09,