表格(table)是一直以來長期被大家使用的標籤,直到現在還是在用,不過呢因為現在的網站重構,建議大家不要表格(table)來佈局而很多朋友誤以為用表格(table)就是所謂的不標準了,其實不然,表格(table)是重要元素。
表格標籤主要包含的標籤有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup,每個的介紹如下:
<table>
table標籤可定義表格。在<table> 標籤內部,你可以放置表格的標題、表格行、表格列、表格單元以及其他的表格。
<caption>
caption 元素可定義一個表格標題。 caption 標籤必須緊接在table 標籤之後。您只能對每個表格定義一個標題。通常這個標題會被居中於表格之上。
<th>
定義表格內的表頭儲存格。此th 元素內部的文字通常會呈現為粗體。
<tr>
在表格中定義一行。
<td>
定義表格中的一個儲存格。
<thead>
定義表格的表頭。
thead、tfoot 以及tbody 元素使您有能力將表格中的行分組。當您建立某個表格時,您也許希望擁有一個標題行,一些帶有資料的行,以及位於底部的一個總計行。這種劃分使瀏覽器有能力支援獨立於表格標題和頁腳的表格正文滾動。當長的表格被列印時,表格的表頭和頁腳可列印在包含表格資料的每張頁面上。
<tbody>
定義一段表格主體(內文)。
使用<tbody> 標籤,可以將表格分成一個單獨的部分。 <tbody> 標籤可將表格中的一行或幾行合成一組。
雖然您可能想包含一個,甚至會在表格中包含兩個或更多<tbody> 標籤,但是我們建議最好在表格中沒有<tbody> 標籤。
在<tbody> 標籤中,只有<tr> 標籤可以定義表格行。而一旦定義,一個<tbody> 標籤就是表格中的一個獨立的部分。例如不能從一個<tbody> 跨越到另一個<tbody> 中。
thead、tfoot 以及tbody 元素使您有能力將表格中的行分組。當您建立某個表格時,您也許希望擁有一個標題行,一些帶有資料的行,以及位於底部的一個總計行。這種劃分使瀏覽器有能力支援獨立於表格標題和頁腳的表格正文滾動。當長的表格被列印時,表格的表頭和頁腳可列印在包含表格資料的每張頁面上。
<tfoot>
定義表格的頁腳(註腳)。
thead、tfoot 以及tbody 元素使您有能力將表格中的行分組。當您建立某個表格時,您也許希望擁有一個標題行,一些帶有資料的行,以及位於底部的一個總計行。這種劃分使瀏覽器有能力支援獨立於表格標題和頁腳的表格正文滾動。當長的表格被列印時,表格的表頭和頁腳可列印在包含表格資料的每張頁面上。
<col>
定義某個表格中針對一個或多個欄位的屬性值。您只能在表格或colgroup 中使用此屬性。
<colgroup>
定義表格列的分組。透過此元素,您可以對列進行組合以便進行格式化。此元素只有在<table> 標籤內部才是合法的。
有兩種方式來使用<colgroup> 標籤:一種是對幾個相同的列進行簡單的定義,另一種是將幾個不同的列組合起來。