HTML <td> headers属性
実例
各 <td> 要素に関連付けられた <th> 要素を指定します：
<table border="1">
<tr>
<th id="name">Name</th>
<th id="email">Email</th>
<th id="phone">Phone</th>
<th id="addr">Address</th>
</tr>
<tr>
<td headers="name">John Doe</td>
<td headers="email">someone@example.com</td>
<td headers="phone">+45342323</td>
<td headers="addr">Rosevn 56,4300 Sandnes,Norway</td>
</tr>
</table>
<tr>
<th id="name">Name</th>
<th id="email">Email</th>
<th id="phone">Phone</th>
<th id="addr">Address</th>
</tr>
<tr>
<td headers="name">John Doe</td>
<td headers="email">someone@example.com</td>
<td headers="phone">+45342323</td>
<td headers="addr">Rosevn 56,4300 Sandnes,Norway</td>
</tr>
</table>
試してみる »
ブラウザサポート
headers 属性は通常の Web ブラウザでは視覚的な効果はありませんが、スクリーンリーダーで使用できます。
定義と使用法
headers 属性は、テーブルセルに関連付けられた1つ以上のヘッダーセルを指定します。
HTML 4.01 と HTML5 の違い
なし。
構文
<td headers="header_id">
属性値
| 值 | 説明 |
|---|---|
| header_id | テーブルセルに関連付けられた1つ以上のヘッダーセルの id リストをスペースで区切って指定します。 |
HTML <td> タグ その他の拡張