Open In App

What is the use of scope Attribute in HTML Tables ?

Last Updated : 19 Feb, 2024
Improve
Improve
Like Article
Like
Save
Share
Report

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.

Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads