dataタグ
dataは、コンピュータが認識できる形式を指定するタグです。
解説
様々な形式のデータをコンピュータが認識できる形式で明示したい場合に使用します。
コンテンツ・モデル
| カテゴリー (自カテゴリ) | フロー・コンテンツ フレージング・コンテンツ |
| コンテキスト (親カテゴリ) | フレージング・コンテンツを許可する場所 |
| コンテンツ・モデル (子カテゴリ) | フレージング・コンテンツ |
属性
dataタグには以下の属性が指定できます。
| 属性 | 説明 |
|---|---|
| value | コンピュータに明示する値を指定する（必須） （例）value="30" |
| 属性 | 説明 |
|---|---|
| class | クラスを指定する （例）class="hoge" |
| id | IDを指定する （例）id="foo" |
| style | スタイルを指定する （例）style="color:red;" |
その他のグローバル属性値については、グローバル属性をご覧ください。
サンプル
dataタグを使ったサンプル
<p>テストで<data value="30">三十</data>点を取った。</p>
テストで三十点を取った。
備考
- outputは、HTML5から新たに追加になったタグです。
- スタイルを定義しない限り、見た目に変化はありません。
