例
次の例は、の2識別する<th>の列のヘッダーなどの要素、およびの2 <td>行のヘッダーなどの要素を：
<table>
<tr>
<th></th>
<th scope="col">Month</th>
<th scope="col">Savings</th>
</tr>
<tr>
<td scope="row">1</td>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td scope="row">2</td>
<td>February</td>
<td>$80</td>
</tr>
</table>
»それを自分で試してみてください 定義と使用法
<td> scope属性はHTML5でサポートされていません。
scope属性は、テーブル内のヘッダーセルとデータセルを関連付ける方法を定義します。
scope属性は、セルが列または行の列、行、またはグループのヘッダであるかどうかを識別する。
ブラウザのサポート
| 属性 | |||||
|---|---|---|---|---|---|
| scope | はい | はい | はい | はい | はい |
scope属性は、通常のウェブブラウザには視覚効果を持っていませんが、スクリーンリーダーで使用することができます。
構文
<td scope="col|row|colgroup|rowgroup">
属性値
| 値 | 説明 |
|---|---|
| col | セルが列のヘッダーであることを指定します |
| row | セルは行のヘッダーであることを指定します |
| colgroup | セルは列のグループのためのヘッダであることを指定します |
| rowgroup | セルは行のグループのためのヘッダであることを指定します |