<thead>
<tr>
<th>Month</th>
<th>Date</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Month Lists</th>
<th>Date Lists</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>AUG</td>
<td>18</td>
</tr>
</tbody>
</table>
个人认为这个东西挺鸡肋,取之无用,弃之可惜。小项目可以增加些语义化,但因为曾经遇到过有多个不同表头在同一表格显示的窘境,限制了日后的开发,所以正式项目从可扩展的角度来说情慎用这些标签。
col和colgroup
这俩标签也是xhtml的产物,功能强大,兼容奇差。
col标签为表格中一个或多个列定义属性值。
colgroup标签用于对表格中的列进行组合,以便对其进行格式化。
它们的作用主要就是来控制单元格的宽度了,这样省去单独定义每个单元格的麻烦,过去我们往往是在第一行中的th或者td上定义宽度来规定每列的宽度,而col不但可以定义宽度还能同时定义其他的属性,例如可以通过col来控制几列宽度的总和,还可以控制这列的背景色。但理想是丰满的,现实是骨干的,正如前面所说,功能越大不代表其兼容性也越强,据现有的测试下来,col和colgroup能发挥作用还能保证兼容的应用就只有俩:width和background。对于width,个人宁愿使用常规方式,第一行设置宽度,保证列宽。对于bacground,一般实际中表格大面积使用不同背景的情况也很少见。故个人认为:能不用尽量不用。
何处用table
个人认为,在一个放置数据非常密集且又非常序列化的一个容器里,用table准没错。最常见的例子就是我们常见的购物订单结算页面,上面列有你订单详情:商品名称、单价、购买数量、金额小计、运费等等,最后最下方还会有一个最终订单金额的结果,table在这里可谓是如鱼得水,达到了数据之载体的神效。
以上是对常见的table知识点进行了一次梳理,对常用到得几个地方进行了分析整理。期待看到这篇文章的你能够以正确的态度看待table,使用table。希望本文可以稍稍的挽救你吧,我的table。谢谢。









