<data>* - 表示形式と識別可能形式の対応付け(新)

■ 概要

項  目説  明
記述形式 <data value="PCが識別可能な形式">~</data>
対応ブラウザー H?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
種  類
(カテゴリー)
フロー・コンテンツフレージング・コンテンツパルパブル・コンテンツ  
置ける場所 フレージング・コンテンツ が記入できる場所。
内包要素
(コンテンツ・モデル)
フレージング・コンテンツ
(コンテンツ・モデル: カテゴリー

■ 解説

<data> 要素は,HTML文書内で表示するデータ形式コンピュータが識別可能なデータ形式対応付ける 要素です。

  1. HTML文書内で表示するデータは開始タグ:<data> と終了タグ:</data> の間に書きます。
  2. 対応するコンピュータが識別可能な形式のデータは,value属性 を用いて指定します。

このように,HTML文書に表示するデータについて,コンピュータが識別可能なデータ形式を併記することにより,コンピュータが文書の内容を解釈するための情報を与えます。

value属性 の指定は必須 です。 また,その値は <data> 要素のコンテンツをコンピュータが識別可能な形式で表したもの でなければなりません。

value属性 の値が日付や時間に関するものの場合は,それにより適した <time> 要素が利用できます。

■ 属性

種  類名  称
【固有属性】 value (必須)
【グローバル属性】 accesskeyclasscontenteditable * dir
hidden *idlangspellcheck *style
tabindextitletranslate *
【ARIA role属性】
指定可能な値 (役割)
任意の値 (役割)
【ARIA aria-* 属性】
指定可能なもの
ARIA グローバル状態とプロパティ
指定可能な役割の任意の状態とプロパティ   

■ CSSプロパティ

種  類名  称
【よく使うもの】 colorbackground-colorfontfont-sizefont-family

■ 使用例

HTMLソース
HTML
<html> ~ </html>
<div><data value="100jpy">百円</data>札</div>
<div><data value="1000jpy">千円</data>札</div>
<div><data value="5000jpy">五千円</data>札</div>
<div><data value="10000jpy">壱万円</data>札</div>

ブラウザー 表示例( <data>要素の利用)
百円
千円
五千円
壱万円

■ 備考