HTML <thead> 标签

• 

  <thead>标签定义和用法

  <thead>标记用于对HTML表格中的标题内容进行分组。

  <thead>元素与<tbody>和<tfoot>元素一起使用，以指定表的每个部分（标题，正文，页脚）。

  浏览器可以使用这些元素来独立于页眉和页脚滚动表体。此外，当打印跨越多个页面的大表时，这些元素可以使表格页眉和页脚打印在每页的顶部和底部。

  <thead>标记必须在以下上下文中使用：作为<table>元素的子元素，在任何<caption>和<colgroup>元素之后，在任何<tbody>，<tfoot>和<tr>之前元素。

  注意：<thead>元素内部必须包含一个或多个<tr>标记。

  提示：默认情况下，<thead>，<tbody>和<tfoot>元素不会影响表的布局。但是，您可以使用CSS来设置这些元素的样式。
• 

  <thead>标签浏览器支持

  IE/Edge	Chrome	FireFox	Safari	Opera
  支持	支持	支持	支持	支持

• 

  <thead>标签实例

  <table>
   <thead>
     <tr>
       <th>Month</th>
       <th>Savings</th>
     </tr>
   </thead>
   <tbody>
     <tr>
       <td>January</td>
       <td>$100</td>
     </tr>
     <tr>
       <td>February</td>
       <td>$80</td>
     </tr>
   </tbody>
   <tfoot>
     <tr>
       <td>Sum</td>
       <td>$180</td>
     </tr>
   </tfoot>
  </table>

  尝试一下
• 

  HTML4.01和HTML5之间的差异

  HTML5中不支持任何HTML 4.01属性。
• 

  <thead>标签属性

  属性名	属性值	描述
  align	right left center justify char	HTML5不支持。 对齐<thead>元素内的内容
  char	character	HTML5不支持。 将<thead>元素内的内容与字符对齐
  charoff	number	HTML5不支持。 设置<thead>元素内的内容将与char属性指定的字符对齐的字符数
  valign	top middle bottom baseline	HTML5不支持。 垂直对齐<thead>元素内的内容

• 

  <thead>标签全局属性

  <thead>标签还支持全局属性。 查看有关全局属性的更多知识。
• 

  <thead>标签事件属性

  <thead>标签还支持事件属性。 查看有关事件属性的更多知识。
• 

  <thead>标签相关页面

  HTML教程：HTML表格
• 

  <thead>标签默认CSS设置

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