最新的Web開發教程
 

HTML <tfoot> 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>
試一試»

定義和用法

<tfoot>標籤用於在HTML表格組頁腳內容。

<tfoot>元素與配合使用<thead><tbody>元素指定表(頁腳,頭,體)的每個部分。

瀏覽器可以使用這些元素單獨頁眉和頁腳的使表身滾動。 另外,打印一個大表跨越多個頁時,這些元件可以使在每一頁的頂部和底部要打印的表頁眉和頁腳。

<tfoot>標記必須在以下情況下使用:作為一個孩子<table>元素,之後的任何<caption>, <colgroup><thead>元素和之前的任何<tbody><tr>元素。


瀏覽器支持

元件
<tfoot>

提示和注意

注: <tfoot>元素必須有一個或多個<tr>標籤內。

提示: <thead>, <tbody><tfoot>元素默認不會影響表格的佈局。但是,您可以使用CSS樣式這些元素。


HTML 4.01和HTML5之間的差異

在HTML 4.01的屬性沒有在HTML5的支持。


屬性

屬性 描述
align right
left
center
justify
char
在HTML5不支持。
對準裡面的內容<tfoot>元素
char character 在HTML5不支持。
對準裡面的內容<tfoot>元素為一個字符
charoff number 在HTML5不支持。
集的字符數內的內容<tfoot>元素將從由指定的字符對齊char屬性
valign top
middle
bottom
baseline
在HTML5不支持。
垂直對齊裡面的內容<tfoot>元素

全局屬性

<tfoot>標籤支持全局的HTML屬性


事件屬性

<tfoot>標籤支持的HTML事件屬性


默認設置CSS

大多數瀏覽器將顯示<tfoot>與下面的默認值元素:

tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit;
}