table標簽中thead、tbody、tfoot的作用


寫html代碼的時候,遇到了Tbody這個標記符,這個標記符是對於表格來說的,每個頁面都有head ,body兩部分,對於比較復雜的頁面,頁面的排版用到了很多的表格,表格的結構也就相對的復雜了,所以又將表格分割成三個部分:題頭、正文和腳注。而這三部分分別用:thead,tbody,tfoot來標注。 
thead用來放標題之類的東西 

tbody放數據本體 

tfoot放表格的腳注之類…… 

標簽使用其本身所代表的含義。這就是他們的作用。(thead表格的頭 
tbody表格的身體 
tfoot表格的腳) 
TBody是在table中使用的,用來指明由它包括的各表格行做為表格的主體部分。 
TBody與THead和TFoot在表格中形成三個“塊”,THead指明表格的Head部分,TFoot指明表格的腳注部分。而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 >  

 

  用TBODY這個標簽可以控制表格分行下載,可以讓其中的內容比網頁中別的東東(如圖片)先下載下來,這樣可以讓別人先看到網頁的實質性的內容,不用等那么久了,在需要分行下載處加上<tbody>和</tbody>,比如:</P><P><table>
<tbody>
<tr><td>飛鷗島</td></tr>
<tr><td>飛鷗島</td></tr>
</tbody>
<tbody>
<tr><td>飛鷗島</td></tr>
<tr><td>飛鷗島</td></tr>
</tbody>
</table>

 

轉載:http://blog.csdn.net/yeyu712/article/details/1768739

 

附加說明:

當然沒有必要全都用到,但是必須記住的是如果有thead或tfoot,就必須要tbody。

加了tbody后准確來說並不是影響下載速度,而是呈現速度。
瀏覽器對Table的解釋是等待整個table全部加載完才顯示。如果加入tbody,瀏覽器則一邊下載一邊顯示已經下載的內容。

值得注意的是,據W3C標准:常理順序應該是頭--身--腳,但是這種用法中:tfoot是緊跟thead后面的........,得好好注意! 

按w3C的規范設計目的,表格分為THEAD, TFOOT及TBODY主要是為了在瀏覽很長的表格時,其表頭及表尾可固定不動(如EXCEL),只是內容在動


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 table標簽中thead、tbody、tfoot的作用 table標簽中thead、tbody、tfoot的作用 table的thead/tbody/tfoot/tr/th/td (轉) HTML 表格 thead固定tbody滾動 Bootstrap表格中,thead固定,tbody有垂直滾動條 JS中設置table的tbody element UI 中table 部分操作介紹(固定表頭,固定某列,table的thead標題移入提示) table 表格css‘樣式
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM
純CSS,table的thead固定,tbody顯示滾動條