网络生活——关注网络，关注前端设计

今天学习了两篇关于表格的文章，感觉对表格的认识更进一步了，记下此笔记以作分享。

以往设计一个如下表格我都是采用以下代码

今天看了两篇文章：

标记语言——邪恶的表格

标准化——表格

总结如下：

• tfoot的使用：tfoot标签本来一直知道这个标签，但是很少用到，但是本身一直有一个误区就是写表格的顺序是thead、tbody、tfoot，其实正确的顺序是thead、tfoot、tbody。thead和tfoot要写在tbody前面。
• summary属性：进一步解释这个表格的目的和内容,摘要属性对非可视化浏览器尤为重要,这能帮助它们解说表格的内容。summary属性是加到table里的。
• id和header：同样是对于非可视化浏览器可以使用在th上加id然后在th上加header来使td和th对应。
• abbr属性：当屏幕阅读器遇到一个表格，每一行会把表头连每一个数据单元格一起读出来。如果表头很长，听一遍一遍的读是十分乏味的。通过使用abbr属性，可以给那些长的表头提供简写形式，取代表头的内容。abbr属性是可选的，大部分情况表头还是（或许是应该）比较简短的。

最后，之前的代码可以修改为：