HTML 标签

HTML <thead> 标签

主题:HTML5 标签参考上一页|下一页

说明

<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> 标签的作用。

<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> 标签。

Browsers Icon

基本支持—

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

进一步阅读

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

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

Advertisements