打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
tbody

tbody

目录

定义和用法
HTML 4.01 与 HTML 5 之间的差异
提示和注释:
例子
属性
  1. 标准属性
  2. 事件属性
展开
  
  TBody是在table中使用的,用来指明由它包括的各表格行做为表格的主体部分。
  TBody与THead和TFoot在表格中形成三个“块”,THead指明表格的Head部分,TFoot指明表格的脚注部分。而TBody则指明表格的主体部分。
  <tbody>的好处就是可以先显示<tbody></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>

HTML5 TBody

  HTML 5 <tbody> 标签

定义和用法

  定义一段表格主体(正文)。
  使用 <tbody> 标签,可以将表格分为一个单独的部分。<tbody> 标签可将表格中的一行或几行合成一组。
  虽然您可能想包括一个,甚至会在表格中包括两个或更多个 <tbody> 标签,但是我们建议最好在表格中没有 <tbody> 标签。
  在 <tbody> 标签中,只有 <tr> 标签可以定义表格行。并且一旦定义,一个 <tbody> 标签就是表格中的一个独立的部分。例如不能从一个 <tbody> 跨越到另一个 <tbody> 中。
  thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

HTML 4.01 与 HTML 5 之间的差异

  在 HTML 5 中,不支持 <tbody> 标签的任何属性。

提示和注释:

  注释:<thead> 内部必须拥有 <tr> 标签!
  注释:如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。

例子

  <table>
  <thead>
  <tr>
  <td>THEAD 中的文本</td>
  </tr>
  </thead>
  <tfoot>
  <tr>
  <td>TFOOT 中的文本</td>
  </tr>
  </tfoot>
  <tbody>
  <tr>
  <td>TBODY 中的文本</td>
  </tr>
  </tbody>
  </table>

属性

标准属性

  class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

事件属性

  onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
html中<table>标签的各种属性介绍_table的使用
重新发现HTML表格 | CSS | 前端观察
HTML表标题标签的定义与用法
[05]HTML基础之表格标签
flask第二十八篇——HTML【1】table标签
table - HTML元素
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服