21xrx.com
2025-06-15 23:57:02 Sunday
  

HTML <thead>标签

例子

带有<thead>、<tfoot>和<tbody>元素的HTML表:

<table>
 <thead>
  <tr>
     <th>月份</th>
     <th>储蓄</th>
  </tr>
 </thead>
 <tfoot>
  <tr>
     <td>合计</td>
     <td>¥180</td>
  </tr>
 </tfoot>
 <tbody>
  <tr>
     <td>一月</td>
     <td>¥100</td>
  </tr>
  <tr>
     <td>二月</td>
     <td>¥80</td>
  </tr>
 </tbody>
</table>
Markup

定义和使用

使用<thead>标记对HTML表中的标头内容进行分组.

<thead>元素与<tbody>和<tfoot>元素一起使用,用于指定表的每个部分(页眉、正文、页脚).

浏览器可以使用这些元素来只使表体的滚动,而不影响页眉和页脚.此外,当打印跨多页的大表时,这些元素可以使表头和页脚在每一页的顶部和底部打印.

<thead>标记必须在这些上下文中使用:作为<table>元素的子元素,在任何<caption>和<colgroup>元素之后,以及在<tbody>、<tfoot>和<tr>元素之前.

浏览器支持

元素
<thead> 支持 支持 支持 支持 支持

提示和注意

注意:<thead>元素中必须包含一个或多个<tr>标记.

提示:默认情况下,<thead>、<tbody>和<tfoot>元素不会影响表的布局.但是,您可以使用CSS对这些元素进行样式化.

HTML 4.01与HTML 5的区别

HTML 5中不支持任何HTML4.01属性.

全局属性

<thead>标记还支持HTML中的全局属性.

事件属性

<thead>标记还支持HTML中的事件属性.

默认CSS设置

大多数浏览器将使用以下默认值显示<thead>元素:

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
  
  

评论区

21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2