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标签的用法案例就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！