分享

tbody

 汉龙儿 2010-11-23

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多