<data>
<data> 要素は、人間が読めるコンテンツと機械可読な value 属性の値を関連付けます。
概要
<data> 要素は、人間が読めるコンテンツと機械可読な value 属性の値を関連付けます。
対応ブラウザ
デスクトップ
Chrome 62+
Edge 14+
Safari 10+
Firefox 22+
モバイル
Chrome Android 62+
Safari iOS 10+
Firefox Android 22+
基本構文
HTML
<ul>
<li><data value="398">ミニかまくら</data></li>
<li><data value="399">プチかまくら</data></li>
<li><data value="400">ジャンボかまくら</data></li>
</ul>実務での使いどころ
-
<data> の活用
コンテンツと機械可読な値を関連付ける要素。value 属性で値を指定。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。