table標簽中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顯示。


免責聲明!

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



猜您在找 table標簽中thead、tbody、tfoot的作用 table標簽中thead、tbody、tfoot的作用 table的thead/tbody/tfoot/tr/th/td (轉) HTML表格,table,thead,tbody,tfoot,th,tr,td,的屬性以及跨行,跨列 css案例學習之用thead、tbody、tfoot實現漂亮的table布局 HTML 表格 純CSS,table的thead固定,tbody顯示滾動條 純CSS實現table固定thead,tbody進行滾動.html css——table: thead固定,tbody高度固定超出滾動
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM
原生table控制tbody滾動而thead不滾動