html tbody標簽的用法案例

這篇文章給大家分享的是有關html tbody標簽的用法案例的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

首先我們要知道什么是塊級元素和行內元素：

• 塊級元素，一般都是從新行開始，它可以容納行內元素和其他塊元素，常見塊級元素比如div/p等。“form”這個快元素比較特殊,他只能來容納其他塊元素

• 行內元素：也叫做內聯元素，一般都是語義級別的基本元素，內聯元素已辦只能容納文本或者其他內聯元素。

塊元素（block element）和內聯元素（inline element）都是html規范中的概念。塊元素和內聯元素的基本差異是塊元素一般都是從新行開始的。而當加了css控制以后，塊元素可以變為內聯元素，內聯元素也可以變為塊元素。

我們先說tbody標簽符合了塊級元素的標準，所以html tbody標簽是塊級元素。可能會有人問，這是怎么知道的呢。

因為下面要開始介紹tbody標簽是個怎么樣的標簽了：

<tbody>標簽表格主體（正文）。該標簽用于組合HTML表格的主體內容。

tbody元素應該與thead和tfoot元素結合起來使用。

thead元素用于對HTML表格中的表頭內容進行分組，而 tfoot 元素用于對HTML表格中的表注（頁腳）內容進行分組。

注釋：如果您使用thead、tfoot以及tbody元素，您就必須使用全部的元素。它們的出現次序是：thead、tfoot、tbody，這樣瀏覽器就可以在收到所有數據前呈現頁腳了。您必須在table元素內部使用這些標簽。

提示：在默認情況下這些元素不會影響到表格的布局。不過，您可以使用 CSS 使這些元素改變表格的外觀。

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

和上面塊級元素和行內元素的介紹一結合，就能發現tbody標簽到底是塊級元素還是行內元素了。

現在我們來說說HTML tbody標簽的基礎用法：

表格的分組顯示(Structured Table) (IExplore Only)

tbody 元素應該與 thead 和 tfoot 元素結合起來使用。

按行分組

<thead> ... </thead> - 表的題頭(Header)

<tbody> ... </tbody> - 表的正文(Body)

<tfoot> ... </tfoot> - 表的腳注(Footer)

這有關于html tbody標簽的使用實例:

<table border> 
<thead> 
<tr><th>億</th><th>速</th><th>云</th></tr> 
</thead> 
<tbody> 
<tr><td>很</td><td>實</td><td>用</td></tr> 
<tr><td>p</td><td>h</td><td>p</td></tr> 
</tbody> 
</table>

感謝各位的閱讀！關于html tbody標簽的用法案例就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！