簡介
HTML <tbody> 標籤
tbody 元素應該與 thead 和 tfoot 元素結合起來使用。
thead 元素用於對 HTML 表格中的表頭內容進行分組,而 tfoot 元素用於對 HTML 表格中的表注(
頁腳)內容進行分組。
注釋:如果您使用 thead、tfoot 以及 tbody 元素,您就必須使用全部的元素。它們的出現次序是:thead、tfoot、tbody,這樣瀏覽器就可以在收到所有數據前呈現頁腳了。您必須在 table 元素內部使用這些標籤。
提示:在默認情況下這些元素不會影響到表格的布局。不過,您可以使用 CSS 使這些元素改變表格的外觀。
詳細描述
thead、tfoot 以及 tbody 元素使您有能力對表格中的行進行分組。當您創建某個表格時,您也許希望擁有一個標題行,一些帶有數據的行,以及位於底部的一個總計行。這種劃分使瀏覽器有能力支持獨立於表格標題和
頁腳的表格正文滾動。當長的表格被列印時,表格的表頭和頁腳可被列印在包含表格數據的每張頁面上。
實例
帶有 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>
瀏覽器
<tbody> 標籤僅得到所有主流瀏覽器的部分支持。
差異
XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關閉。
標籤名必須用小寫字母。
XHTML 文檔必須擁有根元素。
注意事項
元素必須被正確地嵌套
在 HTML 中,某些元素可以像這樣彼此不正確地嵌套:
<b><i>This text is bold and italic</b></i>在 XHTML 中,所有的元素必須像這樣彼此正確地嵌套:
<b><i>This text is bold and italic</i></b>提示:在嵌套列表中一個容易犯的錯誤,是忘記內部列表必須位於 li 元素中,就像下面這樣:
這是錯誤的:
<ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> <li>Milk</li> </ul>這是正確的:
<ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li> </ul>注意:在正確代碼的例子中,我們在 </ul> 之後插入了一個 </li> 標籤。
XHTML 元素必須被關閉
非空標籤必須使用結束標籤。
這是錯誤的:
<p>This is a paragraph <p>This is another paragraph
這是正確的:
<p>This is a paragraph</p><p>This is another paragraph</p>
空標籤也必須被關閉
空標籤也必須使用結束標籤,或者其開始標籤必須使用/>結尾。
這是錯誤的:A break: <br> A horizontal rule: <hr> An image: <img src="happy.gif" alt="Happy face">
這是正確的:A break: <br />A horizontal rule: <hr />An image: <img src="happy.gif" alt="Happy face" />
XHTML 元素必須小寫
XHTML 規範定義:標籤名和屬性對大小寫敏感。
這是錯誤的:<BODY><P>This is a paragraph</P></BODY>
這是正確的:<body><p>This is a paragraph</p></body>
XHTML 文檔必須擁有一個根元素
所有的 XHTML 元素必須被嵌套於 <html> 根元素中。其餘所有的元素均可有子元素。子元素必須是成對的且被嵌套在其父元素之中。基本的文檔結構如下:
<html><head> ... </head> <body> ... </body> </html>
提示注釋
注釋:<thead> 內部必須擁有 <tr> 標籤!
注釋:<thead>、<tbody> 以及 <tfoot> 很少被使用,這是因為糟糕的瀏覽器支持。
可選屬性
DTD 指示此屬性允許在哪種 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
屬性
| 值
| 描述
| DTD
|
---|
align
| rightleftcenterjustifychar
| 定義 tbody 元素中內容的對齊方式。
| STF
|
char
| character
| 規定根據哪個字元來進行文本對齊。
| STF
|
charoff
| number
| 規定第一個對齊字元的偏移量。
| STF
|
valign
| topmiddlebottombaseline
| 規定 tbody 元素中內容的垂直對齊方式。
| STF
|
標準屬性
id, class, title, style, dir, lang, xml:lang
全局屬性
accesskey、class、draggable、tabindex、dropzone、style、contenteditable、dir、translate、data-*
事件屬性
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup