表格设计
- 表格结构
tr:Table Row（表格行），一行数据的包含框；
td:Table Data Cell（单元格），数据表的数据一般存储在td元素中。
下面是一个简单地嵌套结构，可以清楚看到三者之间的关系：
<h2>数据表结构</h2>
<table>
<tr>
<td></td>
<td></td>
</tr><tr>
<td></td>
<td></td>
</tr></table>- 表格元素
caption: Table Caption（表格标题），数据表格的标题元素（和h元素差不多，但caption是数据表的标题）；
summary: Table Summary（表格摘要），注意summary中定义的摘要不会在界面上显示出来，那为什么要写出来呢，这么做可以方便机器检索，对数据表的作用描述，看到摘要就知道这个数据表是做什么的了；
附从书本找的例子：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>数据表格的语义化结构</h1>
<table summary="ASCII是英文American Standard Code for Information Interchange的缩写。ASCII编码是目前计算机最通用的编码标准。因为计算机只能接受数字信息，ASCII编码将字符转换为数字来表示，以便计算机能够接受和处理。">
<caption>ASCII字符集(节选）</caption>
<tr>
<th>十进制</th>
<th>十六进制</th>
<th>字符</th>
</tr>
<tr>
<td>9</td>
<td>9</td>
<td>TAB(制表符)</td>
</tr>
<tr>
<td>10</td>
<td>A</td>
<td>换行</td>
</tr>
<tr>
<td>13</td>
<td>D</td>
<td>回车</td>
</tr>
<tr>
<td>32</td>
<td>20</td>
<td>空格</td>
</tr>
</table>
</body>
</html>- 表格分组
行分组用到的元素：
thead：Table Header （表格头），定义数据表的头部区域；
tbody：Table Body（表格主体），定义数据表的主体区域；
tfoot：Table Foot（表格脚），定义数据表的脚部区域；
这里说明下，一个表纵向分成三个部分，当别放置数据表的数据，怎么划分没有具体的标准，看用户的需求啦，前面说到的th元素也是定义数据表的表头，但th只代表一行数据，thead可以包含多行数据，具体多少行也看需求了；
列分组用到的元素：
col：Table Cloumns（表格列），定义数据表的列区域；
colgroup：（数据列组），定义数据表的列组；
说明下 col指的是一列，colgroup可以包含多列，注意使用colgroup时必须配合col来使用，否则无效；col元素中可以定义列分组的数目；col元素是从左到右按顺序分组数据列；
1667
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
