table标签中thead、tbody、tfoot的作用

写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的,每个页面都有head ,body两部分,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。而这三部分分别用:thead,tbody,tfoot来标注。 
thead用来放标题之类的东西 

tbody放数据本体 

tfoot放表格的脚注之类…… 

标签使用其本身所代表的含义。这就是他们的作用。(thead表格的头 
tbody表格的身体 
tfoot表格的脚) 
TBody是在table中使用的,用来指明由它包括的各表格行做为表格的主体部分。 
TBody与THead和TFoot在表格中形成三个“块”,THead指明表格的Head部分,TFoot指明表格的脚注部分。而TBody则指明表格的主体部分。 
比如: 

<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> 

 

  用TBODY这个标签可以控制表格分行下载,可以让其中的内容比网页中别的东东(如图片)先下载下来,这样可以让别人先看到网页的实质性的内容,不用等那么久了,在需要分行下载处加上<tbody>和</tbody>,比如:</P><P><table>
<tbody>
<tr><td>飞鸥岛</td></tr>
<tr><td>飞鸥岛</td></tr>
</tbody>
<tbody>
<tr><td>飞鸥岛</td></tr>
<tr><td>飞鸥岛</td></tr>
</tbody>
</table>

 

转载:http://blog.csdn.net/yeyu712/article/details/1768739

 

附加说明:

当然没有必要全都用到,但是必须记住的是如果有thead或tfoot,就必须要tbody。

加了tbody后准确来说并不是影响下载速度,而是呈现速度。
浏览器对Table的解释是等待整个table全部加载完才显示。如果加入tbody,浏览器则一边下载一边显示已经下载的内容。

值得注意的是,据W3C标准:常理顺序应该是头--身--脚,但是这种用法中:tfoot是紧跟thead后面的........,得好好注意! 

按w3C的规范设计目的,表格分为THEAD, TFOOT及TBODY主要是为了在浏览很长的表格时,其表头及表尾可固定不动(如EXCEL),只是内容在动

posted on 2012-08-15 14:15  star-star  阅读(4853)  评论(0编辑  收藏  举报

导航