具有亲和力的表格

这篇文章很实用有趣，很早在论坛有人推荐过，仔细查了书才搞清楚summary, scope, abbr的具体用法，难怪叫做“具有亲和力”。Quotesummary 提供表格方面的总结信息和有关非可视浏览器的内容（出于可访问性方面的原因）。
headers 指定单元格名称列表（以空格分隔），用以为当前数据单元格提供表头信息。
scope 可用于取代headers属性，标记含有表头信息的单元格，其中各数值的内容如下：
　row 指示当前单元格，为包含当前单元格的行提供相关的表头信息。
　col 指示当前单元格，为根据当前单元格指定的列提供相应的表头信息。
　rowgroup 指示当前单元格，为包含当前单元格的其余行组提供相关的表头信息。
　colgroup 指示当前单元格，为根据当前单元格指定的其余列组提供相应的表头信息。
abbr 用于定义表头单元格中的缩写名，如果没有定义该属性，则将默认单元格内容为节略形式。昨天腾讯招聘日的一到面试题！

这种考法其实没有用的，问了腾讯方面的朋友，也比较认同，不知道这题是何种情况下给的。至于答案，我们一致认为不写dtd全部不及格。

个人认为标准表格良好结构应该如此，其中caption也是几乎用不到的。
<table>
  <caption>Power Mac G5 tech specs</caption>
  <thead>
    <tr>
      <th>Configurations</th>
      <th>Sort A</th>
      <th>Sort B</th>
      <th>Sort C</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>Configurations</th>
      <th>Sort A</th>
      <th>Sort B</th>
      <th>Sort C</th>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <th>Frontside bus</th>
      <td>900MHz per processor</td>
      <td>1GHz per processor</td>
      <td>1.25GHz per processor</td>
    </tr>
    <tr>
      <th>Level2 Cache</th>
      <td>512K per processor</td>
      <td>512K per processor</td>
      <td>512K per processor</td>
    </tr>
  </tbody>
</table>
Demo