about table：

1. 在适当的时候使用表格。目前是早已经舍弃将表格用来布局的年代，基本上可认定表格的唯一作用是呈现数据列表。
exp. 电子表格 行程表 日历

2. 使用thead，tbody和tfoot。
使用它们的理由：基于更准确地语义性；这些标签丰富了写CSS时的选择；在打印长表格时thead和tfoot会出现在每一页上。
注意：thead和tfoot必须写在前面，为了让浏览器和其他设备提前载入它们。
就像这样：

1
2
3
4
5

<table>
  <thead><tr><td>...</td></tr></thead>
  <tfoot><tr><td>...</td></tr></tfoot>
  <tbody><tr><td>...</td></tr></tbody>
</table>

3. 使用表头——th。
将表头的td用th来代替，这样做的好处：
将表头与数据项区分开来；
大部分现代的浏览器会将th粗体显示；
编写CSS时有更丰富的选择。
注意：有时候可以给每个th加上一个id，这样可以为每个表头做一些特殊的设计。

4. caption和summary。
caption标签用于显示该表格的标题或主题等重要内容，需紧跟在table起始标签的后面。默认的样式是在表格顶部居中的文字显示。当然这个显示方式可由CSS来控制修改。
summary显示对于caption的补充，正常情况下它是不可见的。但是对于非可视化浏览器来讲，你可能会需要它。简单点，它提高了网页的可用性。

5. 表格边框的合并。
用于相邻边框的视觉合并。
table{border-collapse: collapse;}

6. 间隔行换色。
目前来讲，给单数行的tr和双数行的tr分别加上两种class是比较可行的措施，比如even和odd。当然还是稍稍有点麻烦。
这点麻烦会在CSS3被全面支持以后得到改善，届时我们有更丰富的CSS选择器可以使用。