HTML的thead、tfoot和tbody元素實(shí)例分析

今天小編給大家分享一下HTML的thead、tfoot和tbody元素實(shí)例分析的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

代碼如下:

<thead> <!&ndash;把前兩行視為頭部區(qū)域&ndash;> 
<tr> 
<td rowspan=”2&Prime;></td> 
<td rowspan=”2&Prime;></td> 
<td rowspan=”2&Prime;></td> 
<td colspan=”3&Prime;></td> 
<td scope=”col” colspan=”2&Prime; rowspan=”2&Prime;></td> 
</tr> 
</thead> 

想問一下這段代碼<thead> <!&ndash;把前兩行視為頭部區(qū)域&ndash;>中的注釋為什么說(shuō)是把前兩行視為頭部區(qū)域，意思是thead這個(gè)元素本身默認(rèn)了行數(shù)為二？還是別的什么原因？ 
還有scope=”col”的意思是不是把范圍鎖定在列中？這樣做有什么意義？ 
這個(gè)應(yīng)該是跟rowspan=”2&Prime;結(jié)合在一起的，thead單純表示表格頭部. 
HTML <thead> 標(biāo)簽 
定義和用法: 
<thead> 標(biāo)簽定義表格的表頭。該標(biāo)簽用于組合 HTML 表格的表頭內(nèi)容。 
thead 元素應(yīng)該與 tbody 和 tfoot 元素結(jié)合起來(lái)使用。 
tbody 元素用于對(duì) HTML 表格中的主體內(nèi)容進(jìn)行分組，而 tfoot 元素用于對(duì) HTML 表格中的表注（頁(yè)腳）內(nèi)容進(jìn)行分組。 
注釋：如果您使用 thead、tfoot 以及 tbody 元素，您就必須使用全部的元素。它們的出現(xiàn)次序是：thead、tfoot、tbody，這樣瀏覽器就可以在收到所有數(shù)據(jù)前呈現(xiàn)頁(yè)腳了。您必須在 table 元素內(nèi)部使用這些標(biāo)簽。 
提示：在默認(rèn)情況下這些元素不會(huì)影響到表格的布局。不過，可以使用 CSS 使這些元素改變表格的外觀。 
詳細(xì)描述: 
thead、tfoot 以及 tbody 元素使您有能力對(duì)表格中的行進(jìn)行分組。當(dāng)您創(chuàng)建某個(gè)表格時(shí)，您也許希望擁有一個(gè)標(biāo)題行，一些帶有數(shù)據(jù)的行，以及位于底部的一個(gè)總計(jì)行。這種劃分使瀏覽器有能力支持獨(dú)立于表格標(biāo)題和頁(yè)腳的表格正文滾動(dòng)。當(dāng)長(zhǎng)的表格被打印時(shí)，表格的表頭和頁(yè)腳可被打印在包含表格數(shù)據(jù)的每張頁(yè)面上。 
實(shí)例:帶有 thead、tbody以及 tfoot元素的 HTML 表格： 

代碼如下:

<table border="1"> 
<thead> 
<tr> 
<th>Month</th> 
<th>Savings</th> 
</tr> 
</thead> 
<tfoot> 
<tr> 
<td>Sum</td> 
<td>$180</td> 
</tr> 
</tfoot> 
<tbody> 
<tr> 
<td>January</td> 
<td>$100</td> 
</tr> 
<tr> 
<td>February</td> 
<td>$80</td> 
</tr> 
</tbody> 
</table> 

以上就是“HTML的thead、tfoot和tbody元素實(shí)例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。