表格標簽（table）深入了解

2019-10-26 17:21:35

字體：大中小

來源：轉載

供稿：網友

表格（table）是一直以來長期被大家使用的標簽，直到現在還是在用，不過呢因為現在的網站重構，建議大家不要表格（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 元素使您有能力對表格中的行進行分組。當您創建某個表格時，您也許希望擁有一個標題行，一些帶有數據的行，以及位于底部的一個總計行。這種劃分使瀏覽器有能力支持獨立于表格標題和頁腳的表格正文滾動。當長的表格被打印時，表格的表頭和頁腳可被打印在包含表格數據的每張頁面上。

上一篇：提交表單后轉到另一個文件

下一篇：容易混淆使用位置的XHTML標簽