The “scope” attribute is a feature in HTML tables that allows you to specify the relationship between a header cell (th) and its associated data cells (td). This attribute provides useful information for assistive technologies, and it improves the accessibility and understanding of tabular data.
Note: By using “scope”, you can indicate whether a header cell applies to a row, column, group of columns, or group of rows.
Syntax
<th scope="row/column/rowgroup/colgroup">Header Content</th>| Key Point | Description |
|---|---|
| Row Scope | Specifies that the header cell applies to the row(s) containing the associated data cells. |
| Column Scope | Indicates that the header cell applies to the column(s) containing the associated data cells. |
| Rowgroup Scope | Specifies that the header cell applies to a group of rows, serving as a header for the entire rowgroup. |
| Colgroup Scope | Indicates that the header cell applies to a group of columns, serving as a header for the entire colgroup. |
| Accessibility | The “scope” attribute enhances the accessibility of tables by providing context and relationships between header and data cells to assistive technologies such as screen readers. |