zoukankan      html  css  js  c++  java
  • HTML参考 :TBODY元素 详解

    TBODY 元素内包含的有效标签有:

    TD
    TH
    TR

    TBODY 元素会为全部表格自动定义,就算表格没有显式定义 TBODY 元素。

    table 对象及其相关的元素有独立的表格对象模型,这与常规对象模型所采用的方法有很大不同。

    此元素在 Microsoft? Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的脚本中可用。

    此元素不会被渲染。

    此元素需要关闭标签。

    tbody定义表格的主体
         在table中thead,tfoot以及tbody可以让你聚集表格中的多个行。当你建立一个表格的时候你或许希望有一个标题行,一些行来放置数据,最下的一行来放总计。这样的划分在浏览器中可以使用滚轮从头到尾直接浏览,当打印的时候每有超出部分那么页眉和脚标会重新加到表格上(保证打印出来的每页都有页眉和脚标)
     
    标准属性:id, class, title, style, dir, lang, xml:lang

    事件属性:onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

    实例:
    <table border = "1">
    <thead>
    <tr>
    <td>This text is in the THEAD</td>
    </tr>
    </thead>
    <tfoot>
    <tr>
    <td>This text is in the TFOOT</td>
    </tr>
    </tfoot>
    <tbody>
    <tr>
    <td> This text is in the TBODY</td>
    </tr>
    </tbody>
    </table>

    每个表格可以有一个表头、一个表尾和一个或多个表体,分别以THEAD、TFOOT和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>
    ·<tbody>是用在<table>内的比如:
    <table>
      <tbody>
         <tr>
            <td></td>
         </tr>
      </tbody>
    </table>
    使用TBODY的目的是可以使得这些包含在内的代码不用在整个表格都解析后一起显示,就是说如果有多个行,那么如果得到一个TBODY行,就可以先显示一行。
    BODY是HTML的文本体,一个HTML文件,只有一个BODY,而在TABLE中可以有多个TBODY。

    ·默认的时候,可以不用写<tbody>
    但要使用innerHTML 更改 Table 的内容的时候,必须指明 TBody

    <table>
    <tbody id="oTbody">
    </tbody>
    </table>

    oTbody.innerHTML="<tr><td>呵呵</td></tr>";

    ·当你使用了thead, tfoot 和 tbody元素,那么你就必须使用它们每一个元素,它们出现的次序也应该是这样:<thead>, <tfoot> 和 <tbody>,只有这样浏览器才能在接收所有数据前先得到脚标的信息。还有一点你必须在table元素内使用它们

    ·<thead>,<tbody> 和 <tfoot>并不常用,因为它们的浏览器支持性不好。不过预计会在XHTML中得到改善。如果你有IE以上版本的浏览器,那么你可以看看我们XML教程中的一个举例

  • 相关阅读:
    数据库学习 ORA12545:因目标主机或对象不存在,连接失败
    Oracle创建命名空间和新用户
    创建一个命名空间
    修改用户密码
    Oracle启动
    数据库表中列类型的修改和ALTER的用法
    修改列类型
    IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表
    css:fixed定位兼容不同系列不同版本的浏览器包括IE6.0
    jQuery Google Charts一个封装google chart api的jquery插件 饼状图
  • 原文地址:https://www.cnblogs.com/Dlonghow/p/1263920.html
Copyright © 2011-2022 走看看