HTML <thead> 标签
例子
带有<thead> ，<tbody> ，以及<tfoot>元素：
<table>
<thead>
<tr>
<th>月</th>
<th>储蓄</th>
</tr>
</thead>
<tbody>
<tr>
<td>一月</td>
<td>100美元</td>
</tr>
<tr>
<td>二月</td>
<td>80美元</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>和</td>
<td>180美元</td>
</tr>
</tfoot>
</table>
亲自尝试 »
下面有更多“自己尝试”的示例。
定义和用法
这 <thead> 标签用于对 HTML 表中的标题内容进行分组。
这 <thead> 元素与 <tbody> 和<tfoot> 元素来指定表格的每个部分（页眉、正文、页脚）。
浏览器可以使用这些元素来实现表格主体独立于页眉和页脚的滚动。此外，在打印跨多页的大型表格时，这些元素可以使表格页眉和页脚打印在每页的顶部和底部。
笔记： 这<thead> 元素必须有一个或多个<tr> 里面的标签。
这 <thead> 标签必须在以下上下文中使用：作为<table> 元素之后<caption> 和<colgroup> 元素之前，<tbody>, <tfoot>， 和 <tr> 元素。
提示： 这<thead> ，<tbody> ， 和<tfoot>元素默认不会影响表格的布局。但是，您可以使用 CSS 来设置这些元素的样式（见下面的示例）！
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <thead> | 是的 | 是的 | 是的 | 是的 | 是的 |
全局属性
这 <thead> 标签还支持HTML 中的全局属性.
事件属性
这 <thead> 标签还支持HTML 中的事件属性.
更多示例
例子
风格<thead> ，<tbody> ， 和<tfoot>使用 CSS：
<html>
<head>
<style>
主题 {颜色：绿色；}
tbody {颜色：蓝色；}
tfoot {颜色：红色；}
表，th，td {
边框：1px 实心黑色；
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>月</th>
<th>储蓄</th>
</tr>
</thead>
<tbody>
<tr>
<td>一月</td>
<td>100美元</td>
</tr>
<tr>
<td>二月</td>
<td>80美元</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>和</td>
<td>180美元</td>
</tr>
</tfoot>
</table>
亲自尝试 »
例子
如何对齐内部内容<thead> （使用 CSS）：
<table style="width:100%">
<thead style="text-align:left">
<tr>
<th>月</th>
<th>储蓄</th>
</tr>
</thead>
<tbody>
<tr>
<td>一月</td>
<td>100美元</td>
</tr>
<tr>
<td>二月</td>
<td>80美元</td>
</tr>
</tbody>
</table>
亲自尝试 »
例子
如何垂直对齐内部内容<thead> （使用 CSS）：
<table style="width:50%;">
<thead style="vertical-align:bottom">
<tr style="height:100px">
<th>月</th>
<th>储蓄</th>
</tr>
</thead>
<tbody>
<tr>
<td>一月</td>
<td>100美元</td>
</tr>
<tr>
<td>二月</td>
<td>80美元</td>
</tr>
</tbody>
</table>
亲自尝试 »
默认 CSS 设置
大多数浏览器会显示 <thead> 元素具有以下默认值：
主题 {
显示：表头组；
垂直对齐：中间；
边框颜色：继承；
}
