What is the use of scope Attribute in HTML Tables ?
Last Updated :
19 Feb, 2024
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. |
Share your thoughts in the comments
Please Login to comment...