最新的Web开发教程
 

HTML <tbody> Tag


一个HTML表格有<thead>, <tfoot><tbody>元素:

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

定义和用法

<tbody>标签用于组中的HTML表格中的主体内容。

<tbody>元素与配合使用<thead><tfoot>元素指定表(身,页眉,页脚)的每个部分。

浏览器可以使用这些元素单独页眉和页脚的使表身滚动。 另外,打印一个大表跨越多个页时,这些元件可以使在每一页的顶部和底部要打印的表页眉和页脚。

<tbody>标记必须在以下情况下使用:作为一个孩子<table>元素,任何后<caption>, <colgroup><thead>元素。


浏览器支持

元件
<tbody>

提示和注意

注: <tbody>元素必须有一个或多个<tr>标签内。

提示: <thead>, <tbody><tfoot>元素默认不会影响表格的布局。但是,您可以使用CSS样式这些元素。


HTML 4.01和HTML5之间的差异

在HTML 4.01的属性没有在HTML5的支持。


属性

属性 描述
align right
left
center
justify
char
在HTML5不支持。
对准里面的内容<tbody>元素
char character 在HTML5不支持。
对准里面的内容<tbody>元素为一个字符
charoff number 在HTML5不支持。
集的字符数内的内容<tbody>元素将从由指定的字符对齐char属性
valign top
middle
bottom
baseline
在HTML5不支持。
垂直对齐里面的内容<tbody>元素

全局属性

<tbody>标签支持全局的HTML属性


事件属性

<tbody>标签支持的HTML事件属性


默认设置CSS

大多数浏览器将显示<tbody>与下面的默认值元素:

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}