このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

table”要素~“summary”属性注意

記事July 7th,2020
表の内容の説明を示す属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。
この属性は現行の仕様では廃止されています。
この属性は現行の仕様では廃止されています。

summary”属性について

summary”属性は表の内容の説明を示すための属性です。

summary”属性の内容は音声ブラウザなど表を表の形式で表示できないブラウザ向けの代替テキストとなります。なお、多くの場合通常のブラウザを使用しているユーザーには表示されません。

代替方法

HTML5でこの属性は廃止されているので使用するべきではありません。

caption”要素を使用します。

指定できる値

属性値 説明
テキスト 表の内容の説明

サンプルコード

<table summary="世界の建造物の高さランキング">
<tr>
<th>順位</th>
<th>名前</th>
<th>高さ</th>
</tr>
<tr>
<td>1</td>
<td>ブルジュ・ハリファ</td>
<td>829.8m</td>
</tr>
<tr>
<td>2</td>
<td>東京スカイツリー</td>
<td>634.0m</td>
</tr>
<tr>
<td>3</td>
<td>上海中心</td>
<td>632.0m</td>
</tr>
<tr>
<td>4</td>
<td>KVLY-TV塔</td>
<td>628.8m</td>
</tr>
</table>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク