表格Tbody元素用法!

TBODY 元素内包含的有效标签有：

• TD
• TH
• TR

TBODY 元素会为全部表格自动定义，就算表格没有显式定义 TBODY 元素。

table 对象及其相关的元素有独立的表格对象模型，这与常规对象模型所采用的方法有很大不同。要获得关于表格对象模型更多的信息，请参看如何动态生成表格。

此元素在 Microsoft^® Internet Explorer 3.0 的 HTML 中可用，在 Internet Explorer 4.0 的脚本中可用。

此元素不会被渲染。

此元素需要关闭标签。

表格的分组显示(Structured Table) （IExplore Only）

1）按行分组
<thead> ... </thead> - 表的题头(Header)
<tbody> ... </tbody> - 表的正文(Body)
<tfoot> ... </tfoot> - 表的脚注(Footer)

例：
<table border>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

2）按列分组
<colgroup align=#> #=left, right, center

例：
<table border width=160>
<colgroup align=left>
<colgroup align=center>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

3）列的属性控制
<col span=#> #=从左数起，具有指定属性的列的列数
<col align=#> #=left, right, center

例：
<table border width=160>
<colgroup>
<col align=center span=2>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

 

浏览器下载表格的原理是要将整个表格内容下载完毕再一次显示出来，这样当表格内容很多时，会显得下在很慢。它的作用就是当一个表格里内容太多的时候将表格分块下载到浏览器，这样不至于让浏览者觉得速度很慢。