<table summary=""></table>

ブラウザ 非視覚系のブラウザ向け
分類
要素

table要素に summary="" を追加すると、非視覚系のブラウザ（音声ブラウザ等）に対して、その表の簡単な説明（目的や構造）を伝えることができます。


<table summary="表の説明"> ～ </table>
属性 値 説明
summary="" 説明文 表の目的と構造に関する説明文

例えば、上記の表（属性を紹介する表）には次のような説明文が記述されています。

summary="属性を紹介する3列並びの表。1列目は複数行にまたがる場合があります。"
  • 表の目的 … 属性を紹介するための表
  • 表の構造 … 3列並びの表
  • 補足 … 紹介する属性によっては、1列目が複数行にまたがる場合がある

summary属性で指定した内容は、例えばFirefoxなどでは要素のプロパティで以下のように表示されます。

［要素のプロパティ］
（Firefox 2 の表示例）

使用例


<table border="3" summary="飼い猫を紹介した3列並びの表。">
<caption>我が家の猫</caption>
<tr>
<th>名前</th>
<th>種類</th>
<th>特徴</th>
</tr>
<tr>
<td>タマ</td>
<td>スコティッシュ</td>
<td>垂れ耳でおっとりした性格</td>
</tr>
<tr>
<td>はな</td>
<td>アメショー</td>
<td>人懐っこくてやんちゃな性格</td>
</tr>
</table>
表示例
我が家の猫
名前 種類 特徴
タマ スコティッシュ 垂れ耳でおっとりした性格
はな アメショー 人懐っこくてやんちゃな性格