HTML td scope attribute

Online Example

The following example identifies two <th> elements as column headers and two <td> elements as row headers:

<table style="width:100%" border="1>
　　<tr>
　　　　<th>Number</th>
　　　　<th scope="col">Month</th>
　　　　<th scope="col">Savings</th>
　　</tr>
　　<tr>
　　　　<td scope="row">1</td>
　　　　<td>January</td>
　　　　<td>3100</td>
　　</tr>
　　<tr>
　　　　<td scope="row">2</td>
　　　　<td>February</td>
　　　　<td>2180</td>
　　</tr>
</table>

Browser Compatibility

IEFirefoxOperaChromeSafari

The scope attribute has no visual effect in ordinary web browsers, but it can be used with screen readers.

Definition and Usage

HTML5 The <td> scope attribute is not supported.

The scope attribute defines the method for associating header cells with data cells in a table.

The scope attribute indicates whether a cell is a column, row, column group, or row group header.

Syntax

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

Attribute Value