HTML <th> scope 属性

HTML <th> タグ

定義と使用方法

scope 属性は、ヘッダーセルが列、行、または列または行グループのヘッダーであることを定義します。

注意：scope 属性は一般的なウェブブラウザでは視覚効果はありませんが、スクリーンリーダーで使用できます。

詳細な説明

使用 scope 属性を使用して、データセルと表頭セルを関連付けることができます。

属性値 row を使用すると、表頭行に含まれるすべてのテーブルが表頭セルに関連付けられます。col を指定すると、現在の列のすべてのセルと表頭セルがバインドされます。

rowgroup と colgroup を使用すると、セルの行グループ（<thead>、<tbody>、または <tfoot> タグで定義された）または列グループのすべてのセルと表頭セルがバインドされます（<col> や <colgroup> タグで定義）。

例

2つのヘッダーセルが列のタイトルを指定する規定：

<table>
  <tr>
    <th></th>
    <th scope="col">月</th>
    <th scope="col">預金</th>
  </tr>
  <tr>
    <td>1</td>
    <td>一月</td>
    <td>￥3000</td>
  </tr>
  <tr>
    <td>2</td>
    <td>二月</td>
    <td>￥4000</td>
  </tr>
</table>

実際に試してみる

文法

<th scope="col|row|colgroup|rowgroup">

属性値

値 説明
col セルが列のタイトルを指定する規定。
row セルが行のタイトルを指定する規定。
colgroup セルが列のタイトルを指定する規定。
rowgroup セルが行のタイトルを指定する規定。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML <th> タグ