p2h.cn始于05年,最早由来自腾讯,网易的前开发工程师,曾经为美的,格兰仕,电信,陆虎等企业提供过高品质psd转html解决方案。累计300多个客户至今,超过1000多个项目。

专注前端技术,关注用户体验

【P2H观点】:table,thead,tbody,tfoot是表格中基本的元素构成,table元素还有tr,td,th,caption等等,那这里主要说明一下,thead,tbody,tfoot的正确书写顺序,我们理解的是先头在身子在尾部,这个是我们自己的理解,w3c可以不是这样理解的 ,正确顺序应该是,thead,tfoot,tbody。

在中国的理解上很多人会认为正确的顺序应该是:

thead -> tbody -> tfoot 顺序构成一个table。

也就是表格的头、身、脚的顺序。

但实际上如果按上面的顺序写的话w3c会有错误的提示,其正确的顺序应该是:

thead -> tfoot -> tbody

具体原因分析可以参考下面我在网上收集到的相关信息:

<tr> <th> <td>之间的关系

tr 表示一行

th 表示表头(默认样式加粗居中font-weight:bold; text-align:center;)列头单元格|行首单元格

td 表示单元格table cell

一般我们将数据表格的第一行放在<thead>内,最后一行放在<tfoot>里面,tfoot可以是和thead内容一样的保证首尾呼应,这种显现在数据表格有很多行内容(20行50行100行)的时候经常见到了。

th告诉用户表格内的数据代表了什么内容,权重要比数据本身高。

譬如100公斤和100cm两者之间没有可比性,如果没有单位仅仅只有数据 100。那数字仅仅就只是数字而已了。

th也可以让数据录入元发现错误

即使是标出了单位,即使是我在“重量”这一列看到了100cm也可以显现知道录入的数据出了错。可以得到及时更正了。

td提供的仅仅只是数据,从实际应用中(外观)可以替代th,但是在逻辑语义上来说却不能替代了。或者及时加入了单位也同时带来了“数据冗余”

其实在table中td是最基础最常见的了,所以见怪不怪权重最低了。


欢迎转载,转载请注明来源:http://www.p2h.cn/table-thead-tbody-tfoot-correct-orderby/

相关链接: