實(shí)例

帶有 thead、tbody 以及 tfoot 元素的 HTML 表格：

<table border="1">
  <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> 標(biāo)簽僅得到所有主流瀏覽器的部分支持。

定義和用法

<tfoot> 標(biāo)簽定義表格的頁(yè)腳（腳注或表注）。該標(biāo)簽用于組合 HTML 表格中的表注內(nèi)容。

tfoot 元素應(yīng)該與 thead 和 tbody 元素結(jié)合起來(lái)使用。

thead 元素用于對(duì) HTML 表格中的表頭內(nèi)容進(jìn)行分組，而 tbody 元素用于對(duì) HTML 表格中的主體內(nèi)容進(jìn)行分組。

注釋?zhuān)?/span>如果您使用 thead、tfoot 以及 tbody 元素，您就必須使用全部的元素。它們的出現(xiàn)次序是：thead、tfoot、tbody，這樣瀏覽器就可以在收到所有數(shù)據(jù)前呈現(xiàn)頁(yè)腳了。您必須在 table 元素內(nèi)部使用這些標(biāo)簽。

提示：在默認(rèn)情況下這些元素不會(huì)影響到表格的布局。不過(guò)，您可以使用 CSS 使這些元素改變表格的外觀。

詳細(xì)描述

thead、tfoot 以及 tbody 元素使您有能力對(duì)表格中的行進(jìn)行分組。當(dāng)您創(chuàng)建某個(gè)表格時(shí)，您也許希望擁有一個(gè)標(biāo)題行，一些帶有數(shù)據(jù)的行，以及位于底部的一個(gè)總計(jì)行。這種劃分使瀏覽器有能力支持獨(dú)立于表格標(biāo)題和頁(yè)腳的表格正文滾動(dòng)。當(dāng)長(zhǎng)的表格被打印時(shí)，表格的表頭和頁(yè)腳可被打印在包含表格數(shù)據(jù)的每張頁(yè)面上。

HTML 與 XHTML 之間的差異

NONE

提示和注釋?zhuān)?/h2>

注釋?zhuān)?/span><thead> 內(nèi)部必須擁有 <tr> 標(biāo)簽！

注釋?zhuān)?/span><thead>、<tbody> 以及 <tfoot> 很少被使用，這是因?yàn)樵愀獾臑g覽器支持。我們期望在 XHTML 的未來(lái)版本中這種情況會(huì)發(fā)生變化。假如您使用 Internet Explorer 5.0 或更新的瀏覽器，可以在我們的 XML 教程中查看一個(gè)例子。

可選的屬性

全局屬性

<tfoot> 標(biāo)簽支持 HTML 中的全局屬性。

事件屬性

<tfoot> 標(biāo)簽支持 HTML 中的事件屬性。