Widely available すべての主要ブラウザで対応済み。安心して使用可能。

<data>

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

テキスト・構造

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
<data>
62
14
22
10
62
10
HTML 属性
value
62
14
22
10
62
10
DOM API
HTMLDataElement

HTMLDataElement インターフェイスは、（継承によって利用できる通常の HTMLElement のものの他に）data 要素を操作するための特殊なプロパティを提供します。
62
14
22
10
62
10
value

value は HTMLDataElement インターフェイスのプロパティで、HTML の value 属性を反映する文字列を返します。
62
14
22
10
62
10
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

HTML 
<ul>
  <li><data value="398">Mini Snow Hut</data></li>
  <li><data value="399">Mini Kamakura</data></li>
  <li><data value="400">Jumbo Kamakura</data></li>
</ul>

ライブデモ

productde-ta

Data element in displaytext and mechanismallowread value associated.

プレビュー全画面表示

Data usage with tableinside.

table. eachsel to data element use, display and value separated.

プレビュー全画面表示

Isbn/productco-d

write. ISBN or productco-d value attribute in mechanismallowread to attach.

プレビュー全画面表示

実務での使いどころ

  • <data> の活用

    <data> は HTML の要素で、与えられたコンテンツの断片を機械可読な翻訳にリンクします。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク