HTML thead 標簽定義和用法詳細介紹
來源:易賢網(wǎng) 閱讀:1608 次 日期:2016-06-21 15:01:31
溫馨提示:易賢網(wǎng)小編為您整理了“HTML thead 標簽定義和用法詳細介紹”,方便廣大網(wǎng)友查閱!

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

代碼如下:

<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這個元素本身默認了行數(shù)為二?還是別的什么原因?

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

這個應該是跟rowspan=”2″結合在一起的,thead單純表示表格頭部.

HTML <thead> 標簽

定義和用法:

<thead> 標簽定義表格的表頭。該標簽用于組合 HTML 表格的表頭內容。

thead 元素應該與 tbody 和 tfoot 元素結合起來使用。

tbody 元素用于對 HTML 表格中的主體內容進行分組,而 tfoot 元素用于對 HTML 表格中的表注(頁腳)內容進行分組。

注釋:如果您使用 thead、tfoot 以及 tbody 元素,您就必須使用全部的元素。它們的出現(xiàn)次序是:thead、tfoot、tbody,這樣瀏覽器就可以在收到所有數(shù)據(jù)前呈現(xiàn)頁腳了。您必須在 table 元素內部使用這些標簽。

提示:在默認情況下這些元素不會影響到表格的布局。不過,可以使用 CSS 使這些元素改變表格的外觀。

詳細描述:

thead、tfoot 以及 tbody 元素使您有能力對表格中的行進行分組。當您創(chuàng)建某個表格時,您也許希望擁有一個標題行,一些帶有數(shù)據(jù)的行,以及位于底部的一個總計行。這種劃分使瀏覽器有能力支持獨立于表格標題和頁腳的表格正文滾動。當長的表格被打印時,表格的表頭和頁腳可被打印在包含表格數(shù)據(jù)的每張頁面上。

實例:帶有 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>

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機網(wǎng)站地址:HTML thead 標簽定義和用法詳細介紹
由于各方面情況的不斷調整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2026國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網(wǎng)