本文摘自PHP中文网,作者寻∝梦,侵删。
本篇文章主要的介绍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标签的使用实例:
1 2 3 4 5 6 7 8 9 |
|
这样的代码在浏览器中能出现什么呢?
以上就是这篇关于html tbody标签的用法了(想学更多就来PHP中文网,里面有你想要的任何编程课程),有问题的可以在下方提问
【小编推荐】
html中col标签中的汉字如何居中?html col标签的基本使用(内有实例)
HTML中添加图片的代码是什么?html如何正确的添加图片路径?
以上就是html tbody标签是块级元素吗?html tbody标签的基础用法的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
html p标签怎么换行?html p标签添加br换行标签的应用
html中图片显示方式-----img与background的区别
html实现海康摄像头实时监控功能_html/xhtml_网页制作
关于html valign属性的作用和使用方法详解(附使用方法实例)
更多相关阅读请进入《tbody》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者