HTML <th> scope属性
例
2つの表見出しセルを列の表見出しとして指定する:
<table border="1">
<tr>
<th></th>
<th scope="col">Month</th>
<th scope="col">Savings</th>
</tr>
<tr>
<td>1</td>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>2</td>
<td>February</td>
<td>$80</td>
</tr>
</table>
<tr>
<th></th>
<th scope="col">Month</th>
<th scope="col">Savings</th>
</tr>
<tr>
<td>1</td>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>2</td>
<td>February</td>
<td>$80</td>
</tr>
</table>
試してみる »
ブラウザサポート
![]()
![]()
![]()
![]()
![]()
scope 属性は通常のWebブラウザでは視覚的な効果はありませんが、スクリーンリーダーで使用できます。
定義と使用法
scope 属性は、特定の表見出しセルが列、行、列グループ、または行グループの見出しであるかどうかを指定します。
HTML 4.01 と HTML5 の違い
なし。
構文
<th scope="col|row|colgroup|rowgroup">
属性値
| 值 | 説明 |
|---|---|
| col | セルが列の見出しであることを指定します。 |
| row | セルが行の見出しであることを指定します。 |
| colgroup | セルが列グループの見出しであることを指定します。 |
| rowgroup | セルが行グループの見出しであることを指定します。 |
HTML <th> タグ その他の拡張