TBody是在table中使用的,用來(lái)指明由它包括的各表格行做為表格的主體部分。
TBody與THead和TFoot在表格中形成三個(gè)“塊”,THead指明表格的Head部分,TFoot指明表格的腳注部分。而
TBody則指明表格的主體部分。
<tbody>的好處就是可以先顯示<tbody></tbody>之間的內(nèi)容,
而不必等整個(gè)表格都下載完成后再顯示,
比如:
<TABLE>
<THEAD>
<TR>
<TD>
This text is in the THEAD.
</TD>
</TR>
</THEAD>
<
TBODY>
<TR>
<TD>
This text is in the
TBODY.
</TD>
</TR>
</
TBODY>
<TFOOT>
<TR>
<TD>
This text is in the table footer.
</TD>
</TR>
</TFOOT>
</TABLE>
HTML5 TBody
HTML 5 <tbody> 標(biāo)簽
定義一段表格主體(正文)。
使用 <tbody> 標(biāo)簽,可以將表格分為一個(gè)單獨(dú)的部分。<tbody> 標(biāo)簽可將表格中的一行或幾行合成一組。
雖然您可能想包括一個(gè),甚至?xí)诒砀裰邪▋蓚€(gè)或更多個(gè) <tbody> 標(biāo)簽,但是我們建議最好在表格中沒有 <tbody> 標(biāo)簽。
在 <tbody> 標(biāo)簽中,只有 <tr> 標(biāo)簽可以定義表格行。并且一旦定義,一個(gè) <tbody> 標(biāo)簽就是表格中的一個(gè)獨(dú)立的部分。例如不能從一個(gè) <tbody> 跨越到另一個(gè) <tbody> 中。
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 4.01 與 HTML 5 之間的差異
在 HTML 5 中,不支持 <tbody> 標(biāo)簽的任何屬性。
注釋:<thead> 內(nèi)部必須擁有 <tr> 標(biāo)簽!
注釋:如果您使用 thead、tfoot 以及 tbody 元素,您就必須使用全部的元素。它們的出現(xiàn)次序是:thead、tfoot、tbody,這樣瀏覽器就可以在收到所有數(shù)據(jù)前呈現(xiàn)頁(yè)腳了。您必須在 table 元素內(nèi)部使用這些標(biāo)簽。
<table>
<thead>
<tr>
<td>THEAD 中的文本</td>
</tr>
</thead>
<tfoot>
<tr>
<td>TFOOT 中的文本</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>TBODY 中的文本</td>
</tr>
</tbody>
</table>
標(biāo)準(zhǔn)屬性
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title
事件屬性
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload