tbody标签的作用介绍

第一:
tbody是在html中成对出现的标签,即<tbody>和</tbody>。它应用到表格,用于整体规划表格的行列属性。

应用这个标签的一个优点是,我们只要对tbody标签的属性进行修改,就能对表格的整行单元格的属性进行

修改,从而剩去了逐一修改单元格属性的麻烦。

第二:
TBODY是指定行作为表格的主体,通常用于分块下载大表格,在表格嵌套多且数据量大时尤其有用。可以控

制表格分行下载,从而提高下载速度。(网页的打开是先表格的的内容全部下载完毕后,才显示出来,分行

下载可以先显示部分内容,这样会减少用户等待时间)。
具体步骤:
可以实现表格边下载边显示的效果。

在需要分行下载处加上<tbody>和</tbody>,比如:

<table>
<tbody>
<tr><td>此处为在整个表格加载完之前先现实内容</td></tr>
<tr><td>同上</td></tr>
</tbody>
<tbody>
<tr><td>同上</td></tr>
<tr><td>同上</td></tr>
</tbody>
</table>
这样如果网速慢,别人可以在加载完表格之前先看到已经加载的部分。

注意:
1.TBODY元素在浏览器中不会被渲染表示
2.当不同行间的单元间合并时各单元格所在的行不要加TBODY标签
提示:TBODY元素内包含的有效标签有:TD、TH、TR
特别提示
本例代码的运行将看不到效果,因为表格中的内容比较少,只有在数据量大而且表格嵌套较多时才看得到效果。
特别说明

本例主要是说明<TBODY>标签的用法。
TBODY指明行作为表格主体。TBODY会为每个表格自动定义,即便没有为表格显示定义TBODY。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值