複製鏈接
請複製以下鏈接發送給好友

tbody

鎖定
tbody是一個HTML語言標籤表格主體,該標籤用於組合 HTML 表格的主體內容。
外文名
tbody
主    體
HTML語言標籤表格
注意事項
元素必須被正確地嵌套

tbody簡介

HTML <tbody> 標籤
tbody 元素應該與 thead 和 tfoot 元素結合起來使用。 [1] 
thead 元素用於對 HTML 表格中的表頭內容進行分組,而 tfoot 元素用於對 HTML 表格中的表注(頁腳)內容進行分組。
註釋:如果您使用 thead、tfoot 以及 tbody 元素,您就必須使用全部的元素。它們的出現次序是:thead、tfoot、tbody,這樣瀏覽器就可以在收到所有數據前呈現頁腳了。您必須在 table 元素內部使用這些標籤。
提示:在默認情況下這些元素不會影響到表格的佈局。不過,您可以使用 CSS 使這些元素改變表格的外觀。 [1] 

tbody詳細描述

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

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瀏覽器

<tbody> 標籤僅得到所有主流瀏覽器的部分支持。

tbody差異

XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關閉。
標籤名必須用小寫字母。
XHTML 文檔必須擁有根元素。

tbody注意事項

元素必須被正確地嵌套
在 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>

tbody提示註釋

註釋:<thead> 內部必須擁有 <tr> 標籤!
註釋:<thead>、<tbody> 以及 <tfoot> 很少被使用,這是因為糟糕的瀏覽器支持。

tbody可選屬性

DTD 指示此屬性允許在哪種 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
屬性
描述
DTD
align
rightleftcenterjustifychar
定義 tbody 元素中內容的對齊方式。
STF
char
character
規定根據哪個字符來進行文本對齊。
STF
charoff
number
規定第一個對齊字符的偏移量。
STF
valign
topmiddlebottombaseline
規定 tbody 元素中內容的垂直對齊方式。
STF

tbody標準屬性

id, class, title, style, dir, lang, xml:lang

tbody全局屬性

accesskey、class、draggable、tabindex、dropzone、style、contenteditable、dir、translate、data-* [2] 

tbody事件屬性

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
參考資料