以下是一个包含 <thead> 的表格示例:
<!DOCTYPE html>
<html>
<head>
<title>表格示例</title>
</head>
<body>
<table border="1">
<caption>学生信息</caption>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>城市</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>25</td>
<td>北京</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>上海</td>
</tr>
</tbody>
</table>
</body>
</html>
在这个例子中,<thead> 包含了一个包含列标题的行,使用 <th> 元素表示每个列的标题。这有助于提高表格的可读性,并且在屏幕阅读器等辅助技术中也能够更好地理解表格结构。
总体而言,使用 <thead> 有助于将表格的头部部分与表格的主体数据分开,使表格更加语义化。
转载请注明出处:http://www.pingtaimeng.com/article/detail/3781/HTML5