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.
<!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>
<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>
</body>
</html>
Output:
Supported Browsers
The browsers supported by <th> headers Attribute are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Internet Explorer
- Firefox 1 and above
- Apple Safari
- Opera