| 网页设计：使你的表格标准化 |
|
| |
|
也可以不加（也不是非得不加，随你喜欢了）。一个有行组的表格结构看起来如下：
<table>
<thead>
<tr></tr>
… 更多表头的行
</thead>
<tfoot>
<tr></tr>
… 更多表尾的行
</tfoot>
<tbody>
<tr></tr>
… 第一个<tbody>的行
</tbody>
<tbody>
<tr></tr>
… 第二个<tbody>的行
</tbody>
… 更多的<tbody>
</table>
使用行组有以下几个原因：
这样样式化表头、表尾和表身比较方便，而且独立，不必要给每个标签加样式或class。
当打印比较长的表格的时候，一些浏览器（比如基于Mozilla的）会在每一页的开头重复表头和表尾的内容，这样阅读打印版本的表格就比较方便。
区分开表头和表尾也可以使一些浏览器浏览表格的时候，只滚动表身。
仅为数据表格而写
本文所写的所有都是关于使用HTML表格来组织和表现数据。如果你还是想用表格来布局，那么上文所述的都没有意义而且用不到。没有summary属性、没有表头、没有<caption>、什么都没有，没有格式，陈旧的布局表格除了<table>,<tr>,<td>什么都可以不要。另外还要承担风险，即如何面对那些非可视的用户代理（UA）。
优势
看来要用HTML做一个有语义化的数据表格有很多工作。对于复杂的表格是这样的。有时候基本上是不可能手工写出来的。但是对于简单的表格，那么使用一个<th>加上scope属性就可以了，又快又简单。
非常明显，语义化的表格对于使用屏幕阅读器或其他辅助技术的浏览者非常有好处。让那些巨大而复杂的表格“听”起来很有意义是非常困难的，所以尽可能的使表格简单。
另外对于使用可视化浏览器的设计者和用户也是有好处的：一个语义化的表格有大量的接口可以利用CSS来样式化，好的样式可以让表格更加易用。
其他
除了本文，还有更多关于数据表格内容。比如这里就没有提到axis属性，并且对于<colgroup>和<col>的描述也不是很深。对于格式化和样式化还有border模型我也没有深究，还缺少一个真正复杂的表格的例子。
想了解更多信息，可以参考以下文章：
Tables in HTML documents
CSS formatting of tables
Techniques for Accessible HTML Tables
Building accessible websites: Tables and frames
A table, s’il vous plaît
上一页 [1] [2]
 |
频道声明：本频道的文章除部分特别声明禁止转载的专稿外，可以自由转载.但请务必注明出出处和原始作者 文章版权归本频道与文章作者所有.对于被频道转载文章的个人和网站,我们表示深深的谢意。
| 原始作者:佚名 |
录入时间:2006-10-27 |
| 信息来源:不详 |
投稿信箱:itqoo@126.com |
|
|
 |
|
|
|
| 教程录入：admin 责任编辑：admin |
|
上一个教程： 全面认识了解网页中附加码的作用
下一个教程： 中级技巧：介绍几个不常用的HTML标签 |
| 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
用户登录 
新用户注册 
网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！） 