The headers attribute is used to associate a header cell (<th>) with other header cells by referencing their id values. It helps define relationships in complex tables and improves accessibility.
- Links a header cell to other headers using id values.
- Useful for complex tables with multiple header levels.
- Improves accessibility for screen readers (used with <th> element).
Syntax
<th headers="header_id">Attribute Values: It contains the value i.e header_id which specify the space to the separated list of id's to one or more Header cell that the table header cell is related to.
<!--Driver Code Starts-->
<!DOCTYPE html>
<html>
<head>
<!-- style to set border -->
<style>
table,
th,
td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML <th>headers Attribute</h2>
<!--Driver Code Ends-->
<table>
<tr>
<th id="table"
colspan="3">Username</th>
</tr>
<tr>
<th Headers="Username">geeks</th>
<th Headers="Username">For</th>
<th Headers="Username">Geeks</th>
</tr>
</table>
<!--Driver Code Starts-->
</body>
</html>
<!--Driver Code Ends-->