HTML5中thead标签,【HTML5】table标签中thead、tbody、tfoot的作用

为了让大表格(table)在下载的时候可以分段的显示,就是说在浏览器解析HTML时，table是作为一个整体解释的，使用TBODY可以优化显示。如果表格很长，用tbody分段，可以一部分一部分地显示，不用等整个表格都下载完成。下载一块显示一块，表格巨大时有比较好的效果。

tbody、tfoot、thead一般来说用得不是很多，对于比较复杂的页面，页面的排版用到了很多的表格，表格的结构也就相对的复杂了，所以又将表格分割成三个部分：题头、正文和脚注。而这三部分分别用: thead, tbody, tfoot来标注。

thead　表格的头用来放标题之类的东西

tbody　表格的身体放数据本体

tfoot　表格的脚放表格的脚注之类

我觉得最直接的用处是：

TBODY包含行的内容下载完优先显示，不必等待表格结束.另外，还需要注意一个地方。表格行本来是从上向下显示的。但是，应用了thead/tbody/tfoot以后，就“从头到脚”显示，不管你的行代码顺序如何。也就是说如果thead写在了tbody的后面，html显示时，还是以先thead后tbody显示。

给出一个实例：比如:

This text is in the THEAD.
This text is in the table footer.
This text is in the TBODY.

HTML5中thead标签,【HTML5】table标签中thead、tbody、tfoot的作用相关推荐

css中display设置为table、table-row、table-cell后的作用及其注意点
html: <div class="table"><div class="row"><div class="cell&q ...
table row设置cell的html,css中display设置为table、table-row、table-cell后的作用及其注意点...
http://www.cnblogs.com/lee90/p/6602478.html html: 1.当设置display:table;时,table的padding设置会失效.[可自己测试一下] ...
Web前端开发 table标签相关用法和属性
table标签 html中的<table>标签,通常用于对页面布局的规划. 一.<table>标签简介 table标签用于在网页中建立表格布局,其子标签有<tr>& ...
CSS table标签
一.标签定义一个完整的table包含thead.tbody.tfoot这些语义化标签,方便对表格中的行进行分组,这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动. 其中 th(table ...
HTML笔记（form与table标签区别，区分利用ul,dl与table标签）
文章目录区分 form标签 table标签 dl标签与table标签区分 <form>封装要被提交服务器的表单内容(一系列控件) form不管到底嵌套了多少个table标签;它只关心范 ...
Spring Boot JPA中使用@Entity和@Table
文章目录默认实现使用@Table自定义表格名字在JPQL Queries中重写表格名字 Spring Boot JPA中使用@Entity和@Table 本文中我们会讲解如何在Spring Bo ...
web前端——table标签
table:表格的意思,在早期的时候,table是非常常用的,现在还有好多后台人员在用这个标签.但是现在不推荐使用table这个标签. table标签的用法: <table> <tr ...
table/table标签
<table>标签.<table>标签是表格的标识符,用来界定表格的范围.<table>标签是成对使用的标签,<table>和</table> ...
html用户名标签,HTML常用标签
HTML常用标签 a 标签描述 HTML 元素(或称锚元素)可以创建通向其他网页.文件.同一页面内的位置.电子邮件地址或任何其他 URL 的超链接. 属性 href 包含超链接指向的 URL 或 U ...
HTML 基础【2】 -- 表格标签 / 表单标签
请先学习往期内容:HTML 基础[1] – 入门介绍 / 基本结构 / 块级标签 / 行内标签作业分析上一篇<HTML 基础[1] – 入门介绍 / 基本结构 / 块级标签 / 行内标签&g ...

HTML5中thead标签,【HTML5】table标签中thead、tbody、tfoot的作用

HTML5中thead标签,【HTML5】table标签中thead、tbody、tfoot的作用相关推荐

最新文章

热门文章