HTML的thead、tfoot和tbody元素實例分析

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

代碼如下:

<thead> <!&ndash;把前兩行視為頭部區域&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;把前兩行視為頭部區域&ndash;>中的注釋為什么說是把前兩行視為頭部區域，意思是thead這個元素本身默認了行數為二？還是別的什么原因？ 
還有scope=”col”的意思是不是把范圍鎖定在列中？這樣做有什么意義？ 
這個應該是跟rowspan=”2&Prime;結合在一起的，thead單純表示表格頭部. 
HTML <thead> 標簽 
定義和用法: 
<thead> 標簽定義表格的表頭。該標簽用于組合 HTML 表格的表頭內容。 
thead 元素應該與 tbody 和 tfoot 元素結合起來使用。 
tbody 元素用于對 HTML 表格中的主體內容進行分組，而 tfoot 元素用于對 HTML 表格中的表注（頁腳）內容進行分組。 
注釋：如果您使用 thead、tfoot 以及 tbody 元素，您就必須使用全部的元素。它們的出現次序是：thead、tfoot、tbody，這樣瀏覽器就可以在收到所有數據前呈現頁腳了。您必須在 table 元素內部使用這些標簽。 
提示：在默認情況下這些元素不會影響到表格的布局。不過，可以使用 CSS 使這些元素改變表格的外觀。 
詳細描述: 
thead、tfoot 以及 tbody 元素使您有能力對表格中的行進行分組。當您創建某個表格時，您也許希望擁有一個標題行，一些帶有數據的行，以及位于底部的一個總計行。這種劃分使瀏覽器有能力支持獨立于表格標題和頁腳的表格正文滾動。當長的表格被打印時，表格的表頭和頁腳可被打印在包含表格數據的每張頁面上。 
實例:帶有 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元素實例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。