加速网页显示技巧

关于表格中的 <thead>、<tbody>、<tfoot> 标签以及表格的列分组
  <thead> 是“头”标签,<tbody> 是“体”标签,<tfoot> 是“脚注”标签。用它们可以把表格的标头、表格体、脚注进行分组(行分组),便于分别控制它们的外观。

<TBODY>...</TBODY>
用法:      定义一个表格的实体
开始/结束标识: 可选/可选
属性:      %coreattrs,%i18n,%events
         align="..."设置水平方向上单元各种内容的对齐方式(left,center,right,justify)
         char="..."设置一个字符,时的该列都向它对齐
         charoff="..."取消把一行的对齐方式设置为向第一个字符对齐
         valign="..."竖直方向上单元中内容的对齐方式(top,middle,bottom,baseline)
空:       不允许

 

---------------------------------------------------------------  
 
Designates  rows  as  the  body  of  the  table.    
 
Show  HTML  Syntax  
 
<TBODY  
       ALIGN=CENTER    ¦  LEFT    ¦  RIGHT  
       BGCOLOR=color  
       CLASS=classname  
       ID=value  
       LANG=language  
       LANGUAGE=javascript    ¦  JSCRIPT    ¦  VBSCRIPT      ¦  VBS  
       STYLE=css1-properties  
       TITLE=text  
       VALIGN=BASELINE    ¦  BOTTOM    ¦  CENTER    ¦  TOP  
       event  =  script  
>  
 
Remarks  
 
Valid  tags  within  the  TBODY  element  include:  
 
TD    
TH    
TR    
This  element  is  exposed  for  all  tables,  even  if  the  table  does  not  explicitly  define  a  TBODY  element.    
 
The  TBODY  element  is  a  block  element  and  requires  a  closing  tag.  
 
This  element  is  available  in  HTML  as  of  Microsoft&reg;  Internet  Explorer  3.0,  and  in  script  as  of  Internet  Explorer  4.0.  
 
 
---------------------------------------------------------------  
 
把表主体分成不同的部分。  
---------------------------------------------------------------  
 
呵呵,那么多洋文。  
 
表格的dom结构象这样的:  
<table>  
           <thead>  
                       <tr>  
                                   <td>表头</td>  
                       </tr>  
           </thead>  
           <tbody>  
                       <tr>  
                                   <td>表体</td>  
                       </tr>  
           </tbody>  
           <tfoot>  
                       <tr>  
                                   <td>表脚</td>  
                       </tr>  
           </tfoot>  
</table>  
 
如果只有一个tbody的时候经常不写tbody,但是其实这个对象还是存在的,alert一下table的innerHTML就可以看见了。  
 
---------------------------------------------------------------  
 
<tbody>的好处就是可以先显示<tbody></tbody>之间的内容,  
而不必等整个表格都下载完成后再显示,    
这对于那些喜欢用表格来排版式网页的人来说尤其重要,  
不然的话,  用户半天没看到反应就会以为该网页出错了.  
---------------------------------------------------------------  
 
<thead><tbody><tfoot>无论前后顺序如何改变,<thead>内的元素总是在表的最上面,<tfoot>总在表的最下面,所以  
 
<table>  
           <tfoot>  
                       <tr>  
                                   <td>表脚</td>  
                       </tr>  
           </tfoot>  
                 <thead>  
                       <tr>  
                                   <td>表头</td>  
                       </tr>  
           </thead>  
                 <tbody>  
                       <tr>  
                                   <td>表体</td>  
                       </tr>  
           </tbody>  
</table>  
 
与上面的sorce运行结果是一样的。  
---------------------------------------------------------------  
 
它是表格的正文部分,就像HTML的<body>一样.  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值