Table良好结构及亲和力
日期：2013-10-14 浏览次数：21252 次
具有亲和力的表格 http://www.blueidea.com/tech/web/2006/3228.asp
这篇文章很实用风趣，很早在论坛有人推荐过，细心查了书才搞清楚summary, scope, abbr的具体用法，难怪叫做“具有亲和力”。昨天腾讯招聘日的一到面试题！ http://www.blueidea.com/bbs/NewsDetail.asp?lp=1&id=2492496
这种考法其实没有用的，问了腾讯方面的朋友，也比较认同，不知道这题是何种情况下给的。至于答案，我们分歧认为不写dtd全部不及格。
团体认为标准表格良好结构应该如此，其中caption也是几乎用不到的。
Demo http://www.rexsong.com/blog/attachments/200603/14_095720_table.htm
这篇文章很实用风趣，很早在论坛有人推荐过，细心查了书才搞清楚summary, scope, abbr的具体用法，难怪叫做“具有亲和力”。
Quote
summary 提供表格方面的总结信息和有关非可视浏览器的内容（出于可访问性方面的缘由）。
headers 指定单元格名称列表（以空格分隔），用以为当前数据单元格提供表头信息。
scope 可用于取代headers属性，标记含有表头信息的单元格，其中各数值的内容如下：
row 指示当前单元格，为包含当前单元格的行提供相关的表头信息。
col 指示当前单元格，为依据当前单元格指定的列提供相应的表头信息。
rowgroup 指示当前单元格，为包含当前单元格的其余行组提供相关的表头信息。
colgroup 指示当前单元格，为依据当前单元格指定的其余列组提供相应的表头信息。
abbr 用于定义表头单元格中的缩写名，如果没有定义该属性，则将默认单元格内容为节略方式。
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>
<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 http://www.rexsong.com/blog/attachments/200603/14_095720_table.htm
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
