摘自:http://www.cnblogs.com/suizhikuo/archive/2012/05/24/2517190.html
為了讓大表格(table)在下載的時候可以分段的顯示,就是說在瀏覽器解析HTML時,table是作為一個整體解釋的,使用tbody可以優化顯示。如果表格很長,用tbody分段,可以一部分一部分地顯示,不用等整個表格都下載完成。下載一塊顯示一塊,表格巨大時有比較好的效果。
tbody包含行的內容下載完優先顯示,不必等待表格結束.另外,還需要注意一個地方。表格行本來是從上向下顯示的。但是,應用了thead/tbody/tfoot以后,就"從頭到腳"顯示,不管你的行代碼順序如何。也就是說如果thead寫在了tbody的后面,html顯示時,還是以先thead后tbody顯示。
table中的thead/tbody/tfoot/tr/th/td的包含關系:
<table>
<thead>
<tr>
<th>這是在thead->tr->th里面</th>
<td>這是在thead->tr->td里面</td>
</tr>
</thead>
<tbody>
<tr>
<th>這是在thead->tr->th里面</th>
<td>這是在thead->tr->td里面</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>這是在thead->tr->th里面</th>
<td>這是在thead->tr->td里面</td>
</tr>
</tfoot>
</table>
<table>
<thead>
<tr>
<th>這是在thead->tr->th里面</th>
<td>這是在thead->tr->td里面</td>
</tr>
</thead>
<tbody>
<tr>
<th>這是在thead->tr->th里面</th>
<td>這是在thead->tr->td里面</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>這是在thead->tr->th里面</th>
<td>這是在thead->tr->td里面</td>
</tr>
</tfoot>
</table>
其中thead/tbody/tfoot可省略
<table>是<tr>的上層標簽
<tr>必須在一個<table></table>里面,它不能單獨使用,相當於<table>的屬性標簽.
<table>標示一個表格,<tr>標示這個表格中間的一個行
<td>標示行中的一個列,需要嵌套在<tr></tr>中間
具體格式是:(兩行兩列)
<table>
<tr>
<td></td>
<td></td>
</tr>
</teble>
<th>和<td>一樣,也是需要嵌套在<tr>當中的,<tr>嵌套在<table>當中
<table>...</table> 用於定義一個表格開始和結束
<th>...</th> 定義表頭單元格。表格中的文字將以粗體顯示(<TH>與<TD>同樣是標示一個儲存格,唯一不同的是<TH>所標示的儲存格中的文字是以粗體出現,即可以這樣看:
<th>文字</th>=<td><b>文字</b></td>
),
在表格中也可以不用此標簽,<th>標簽必須放在<tr>標簽內
<tr>...</tr> 定義一行標簽,一組行標簽內可以建立多組由<td>或<th>標簽所定義的單元格
<td>...</td> 定義單元格標簽,一組<td>標簽將將建立一個單元格,<td>標簽必須放在<tr>標簽內
。<th>為表格標題,屬性summar為摘要,<caption>標簽為首部說明,<thead>標簽為表格頭部,<tbody>標簽為表格主體內容,<tfoot>標簽為表格尾部。
其中還可以使用scope 可用於取代headers屬性,標記含有表頭信息的單元格,其中各數值的內容如下:
row 指示當前單元格,為包含當前單元格的行提供相關的表頭信息。
col 指示當前單元格,為根據當前單元格指定的列提供相應的表頭信息。
rowgroup 指示當前單元格,為包含當前單元格的其余行組提供相關的表頭信息。
colgroup 指示當前單元格,為根據當前單元格指定的其余列組提供相應的表頭信息。
abbr 用於定義表頭單元格中的縮寫名,如果沒有定義該屬性,則將默認單元格內容為節略形式。
標准表格模型
<table>
<caption></caption>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
</table>
相關:
<th>不光是粗體,還是居中的
<caption>也是居中的,而且如果table有border的話則caption不在border之內
TFOOT 元素內包含的有效標簽有:
TD
TH
TR
任何給定的 table 對象都只能定義一個 tFoot。