首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >table标签中thead、tbody、tfoot的作用

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

作者头像
周小董
发布2019-03-25 17:38:33
1.7K0
发布2019-03-25 17:38:33
举报
文章被收录于专栏:python前行者python前行者

为了让大表格(table)在下载的时候可以分段的显示,就是说在浏览器解析HTML时,table是作为一个整体解释的,使用TBODY可以优化显示。如果表格很长,用tbody分段,可以一部分一部分地显示,不用等整个表格都下载完成。下载一块显示一块,表格巨大时有比较好的效果。

tbody、tfoot、thead一般来说用得不是很多,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。

而这三部分分别用: thead, tbody, tfoot来标注。

thead 表格的头 用来放标题之类的东西 tbody 表格的身体 放数据本体 tfoot  表格的脚 放表格的脚注之类

我觉得最直接的用处是: TBODY包含行的内容下载完优先显示,不必等待表格结束.另外,还需要注意一个地方。表格行本来是从上向下显示的。但是,应用了thead/tbody/tfoot以后,就“从头到脚”显示,不管你的行代码顺序如何。也就是说如果thead写在了tbody的后面,html显示时,还是以先thead后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>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018年06月25日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档