Example
The following example identifies two of the <th> elements as headers for columns, and two of the <td> elements as headers for rows:
<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>
Try it Yourself »
Definition and Usage
The <td> scope attribute is not supported in HTML5.
The scope attribute defines a way to associate header cells and data cells in a table.
The scope attribute identifies whether a cell is a header for a column, row, or group of columns or rows.
Browser Support
Attribute | |||||
---|---|---|---|---|---|
scope | Yes | Yes | Yes | Yes | Yes |
The scope attribute has no visual effect in ordinary web browsers, but can be used by screen readers.
Syntax
<td scope="col|row|colgroup|rowgroup">
Attribute Values
Value | Description |
---|---|
col | Specifies that the cell is a header for a column |
row | Specifies that the cell is a header for a row |
colgroup | Specifies that the cell is a header for a group of columns |
rowgroup | Specifies that the cell is a header for a group of rows |