- 0133技术站
- 联系QQ:88526
- QQ交流群
- 微信公众号
定义
headers 属性是 HTML5 <th> 标签的一个新增属性。
headers 属性规定表头与单元格相关联;它会将表格中的一个表头单元格和一个(或多个)数据单元格联系起来。
这个属性的值是引号包括的一列名称,这些名称是用 id 属性定义的不同表头单元格的名称。
headers 属性对非可视化的浏览器,也就是那些在显示出相关数据单元格内容之前就显示表头单元格内容的浏览器非常有用。
说明:headers 属性不会在普通浏览器中产生任何视觉变化;屏幕阅读器可以利用该属性。
语法
<th headers="header_id">
属性值
● header_id:规定表头单元格关联的一个或多个表头单元格的 id 列表,以空格间隔。
浏览器支持
属性 | |||||
headers | 支持 | 支持 | 支持 | 支持 | 支持 |
headers 属性在普通的 Web 浏览器中没有视觉效果,但可以通过屏幕阅读器使用。
规定每个表头单元格相关联的 <th> 元素:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>0133技术站(0133.cn)</title> </head> <body> <table border="1"> <tr> <th id="name" colspan="2">商品详情</th> </tr> <tr> <th headers="name">商品名称</th> <th headers="name">商品价格</th> </tr> <tr> <td>T恤1</td> <td>¥100.00</td> </tr> <tr> <td>T恤2</td> <td>¥80.00</td> </tr> </table> </body> </html>
点击 "运行实例" 按钮查看在线实例
推荐手册