HTML5 中的 <thead> 标签用于定义表格的头部部分(table header)。表头通常包含表格的列标题,用于标识每列中的数据。<thead> 元素通常放置在 <table> 元素内,紧随在 <caption> 元素之后,如果有的话,同时在 <tbody> 或 <tfoot> 元素之前。

以下是一个包含 <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