使用了html+css以后,table回归了他的本意 -- 表现2维数据:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html语义化-表格</title>
<style type="text/css">
body {
font-family:"宋体";
font-size:63%;
}
table {
font-size:1.2em;
background-color:#ccc;
}
caption {
display:none;
}
th {
text-align:left;
font-weight:normal;
}
</style>
</head>
<body>
<!-- 语义化表单 -->
<table>
<caption>
学生成绩
</caption>
<thead>
<tr>
<th>学生/学科</th>
<th>高等数学</th>
<th>专业英语</th>
<th>计算机基础</th>
</tr>
</thead>
<tbody>
<tr>
<th>学生1</th>
<td>45</td>
<td>65</td>
<td>55</td>
</tr>
<tr>
<th>学生2</th>
<td>78</td>
<td>88</td>
<td>73</td>
</tr>
<tr>
<th>学生3</th>
<td>92</td>
<td>94</td>
<td>98</td>
</tr>
</tbody>
</table>
<br />
<br />
<!-- 非语义化表单 -->
<table>
<tr>
<td>学生/学科</td>
<td>高等数学</td>
<td>专业英语</td>
<td>计算机基础</td>
</tr>
<tr>
<td>学生1</td>
<td>45</td>
<td>65</td>
<td>55</td>
</tr>
<tr>
<td>学生2</td>
<td>78</td>
<td>88</td>
<td>73</td>
</tr>
<tr>
<td>学生3</td>
<td>92</td>
<td>94</td>
<td>98</td>
</tr>
</table>
</body>
</html>
![](http://hi.csdn.net/attachment/201008/26/618326_1282809704D1ug.jpg)