html tbody標籤是區塊層級元素嗎?html tbody標籤的基礎用法

來源:互聯網
上載者:User
本篇文章主要的介紹html tbody標籤是不是區塊層級元素,還有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>PHP</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標籤的用法了(想學更多就來topic.alibabacloud.com,裡面有你想要的任何編程課程),有問題的可以在下方提問

相關文章

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.