HTML td scope attribute

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 border="1"> <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>

---

Definition and Usage

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.
The scope attribute makes no visual difference in ordinary web browsers.
This attribute can be used by screen readers.

---

Browser Support

Since there is no visual difference in ordinary web browsers, it’s difficult to say whether or not they support the scope attribute.

---

Syntax

<td scope="value">

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