thead 標(biāo)簽定義表格的表頭。該標(biāo)簽用于組合 HTML 表格的表頭內(nèi)容,thead、tfoot 以及 tbody 元素使您有能力對(duì)表格中的行進(jìn)行分組,需要的朋友可以參考下

代碼如下:

<thead> <!–把前兩行視為頭部區(qū)域–>

<tr>

<td rowspan=”2″></td>

<td rowspan=”2″></td>

<td rowspan=”2″></td>

<td colspan=”3″></td>

<td scope=”col” colspan=”2″ rowspan=”2″></td>

</tr>

</thead>

想問一下這段代碼<thead> <!–把前兩行視為頭部區(qū)域–>中的注釋為什么說是把前兩行視為頭部區(qū)域，意思是thead這個(gè)元素本身默認(rèn)了行數(shù)為二？還是別的什么原因？

還有scope=”col”的意思是不是把范圍鎖定在列中？這樣做有什么意義？

這個(gè)應(yīng)該是跟rowspan=”2″結(jié)合在一起的，thead單純表示表格頭部.

HTML <thead> 標(biāo)簽

定義和用法:

<thead> 標(biāo)簽定義表格的表頭。該標(biāo)簽用于組合 HTML 表格的表頭內(nèi)容。

thead 元素應(yīng)該與 tbody 和 tfoot 元素結(jié)合起來使用。

tbody 元素用于對(duì) HTML 表格中的主體內(nèi)容進(jìn)行分組，而 tfoot 元素用于對(duì) HTML 表格中的表注（頁腳）內(nèi)容進(jìn)行分組。

注釋：如果您使用 thead、tfoot 以及 tbody 元素，您就必須使用全部的元素。它們的出現(xiàn)次序是：thead、tfoot、tbody，這樣瀏覽器就可以在收到所有數(shù)據(jù)前呈現(xiàn)頁腳了。您必須在 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)題和頁腳的表格正文滾動(dòng)。當(dāng)長(zhǎng)的表格被打印時(shí)，表格的表頭和頁腳可被打印在包含表格數(shù)據(jù)的每張頁面上。

實(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>