HTML `<thead>` 标签

说明

<thead>（表头的缩写）元素定义表的标题。它通常用于对一组定义表中列标题的表行进行分组。

<thead> 元素必须作为 <table> 元素的子元素出现，在任何 <caption> 和 <colgroup> 元素之后，但在任何 <tbody>, <tfoot> 和 <tr> 元素之前。 <thead> 标签必须至少包含一行，由 <tr> 标签定义。

下表总结了此标签的使用上下文和版本历史。

Parent:	`<table>`
Content:	`<tr>`
开始/结束标签：	开始标签： required, 结束标签：required
版本：	HTML 4, 4.01, 5

使用说明

可以分别使用 <thead>、<tfoot> 和 <tbody> 标签将表格行分组为表格头部、表格底部和一个或多个表格主体部分。
这种划分使浏览器能够支持独立于表头和表脚部分的表体滚动。此外，当打印跨越多页的长表格时，表格头和脚信息可能会打印在包含表格数据的每一页上。
如果存在，每个 <thead>、<tfoot> 和 <tbody> 都包含一个行组。每个行组必须至少包含一行，由 <tr> 标签定义。

语法

<thead> 标签的基本语法如下：

HTML / XHTML: <thead> ... </thead>

下面的示例显示了 <thead> 标签的作用。

示例

Try this code »

<table>
    <thead>
        <tr>
            <th>No.</th>
            <th>Name</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>John Carter</td>
            <td>johncarter@mail.com</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Peter Parker</td>
            <td>peterparker@mail.com</td>
        </tr>
        <tr>
            <td>3</td>
            <td>John Rambo</td>
            <td>johnrambo@mail.com</td>
        </tr>
    </tbody>
</table>

标签特定属性

下表显示了特定于 <thead> 标签的属性。

属性	值	说明
`align`	`left right center justify char`	Obsolete 指定表格标题内每个单元格内容的水平对齐方式。
`char`	character	Obsolete 设置表格标题的单元格内容应对齐的字符。
`charoff`	number	Obsolete 定义表格标题的单元格内容将从 char 属性指定的对齐字符偏移的字符数。
`valign`	`top middle bottom baseline`	Obsolete 指定表格标题每行单元格中文本的垂直对齐方式。

全局属性

与所有其他 HTML 标签一样， <thead> 标签支持 HTML5 中的全局属性。

事件属性

The <thead> 标签还支持 HTML5 中的事件属性。

浏览器兼容性

所有主要的现代浏览器都支持 <thead> 标签。

基本支持—

Firefox 1+
Google Chrome 1+
Internet Explorer 2+
Apple Safari 1+
Opera 4+

进一步阅读

请参阅以下教程： HTML 表格.

其他与表格相关的标签： <table>, <tfoot>, <tbody>, <caption>, <colgroup>, <col>, <tr>, <th>, <td>.

HTML <thead> 标签

说明