zoukankan      html  css  js  c++  java
  • Html标签中thead、tbody、tfoot的作用

    Html标签中thead、tbody、tfoot的作用
    
    为了让大表格(table)在下载的时候可以分段的显示,就是说在浏览器解析HTML时,table是作为一个整体解释的,使用TBODY可以优化显示。
    
    如果表格很长,用tbody分段,可以一部分一部分地显示,不用等整个表格都下载完成。下载一块显示一块,表格巨大时有比较好的效果。   
    
    tbody、tfoot、thead一般来说用得不是很多,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。而这三部分分别用: thead, tbody, tfoot来标注。
    
    thead 表格的头        用来放标题之类的东西
    
    tbody 表格的身体    放数据本体
    
    tfoot  表格的脚       放表格的脚注之类
    
    我觉得最直接的用处是:    TBODY包含行的内容下载完优先显示,不必等待表格结束.另外,还需要注意一个地方。表格行本来是从上向下显示的。但是,应用了thead/tbody/tfoot以后,就“从头到脚”显示,不管你的行代码顺序如何。也就是说如果thead写在了tbody的后面,html显示时,还是以先thead后tbody显示。
    
     
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>
    
    <body><table width="800">
    <thead>
          <tr>
            <td>head</td>
            <td> </td>
            <td> </td>
          </tr>
    </thead>
    <tbody>
          <tr>
            <td>body</td>
            <td> </td>
            <td> </td>
          </tr>
          <tr>
            <td> </td>
            <td> </td>
            <td> </td>
          </tr>
    </tbody>
    <tfoot>
          <tr>
            <td>foot</td>
            <td> </td>
            <td> </td>
          </tr>
    </tfoot>
    </table>
    
    </body>
    </html>
    

  • 相关阅读:
    AC自动机
    哈希与哈希表
    Trie字典树
    整除
    P3375 【模板】KMP字符串匹配
    KMP算法
    Luogu-P1004 方格取数
    Luogu-P2758 编辑距离
    Luogu-P1018 乘积最大
    Luogu-P1880 [NOI1995]石子合并
  • 原文地址:https://www.cnblogs.com/wanghang/p/6299745.html
Copyright © 2011-2022 走看看