表格標籤table深入瞭解

來源:互聯網
上載者:User

前不久為了尋找表格(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> 標籤:一種是對幾個同樣的列進行簡單的定義,另一種是將幾個不同的列組合起來。

PS:以上內容都是來自w3school的,因為w3school在著作權資訊中標註了著作權,保留一切權利。那我也就不轉不編輯了,取其中一段,然後大家可以點直接查看某個標籤的詳細介紹。也可以查看錶格(table)的介紹。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.