表格之标准化
今天无意中又学到一个东西,表格也能语义化,一般用表格都是这样的格式:
<table>
<tr>
<td>项目1</td>
<td>项目2</td>
<td>项目3</td>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
</table>
今天学到表头,<th>,一般表格第一行的名称标题可以用<th>来写,其样式就是居中粗体。我们可以把上面的代码改进一下:
<table>
<tr>
<th>项目1</th>
<th>项目2</th>
<th>项目3</th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
</table>
这样标出表头就更有意义,还有一些标签,比如<caption>,标签可以为表格提供一个简短的说明,和图像的说明比较类似。使用的时候,<caption>标签一定要紧接着开始的<table>标签写,如下:
<table>
<caption>Table 1:表格说明</caption>
<tr>
<th>项目1</th>
<th>项目2</th>
<th>项目3</th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
</table>
- 相关文章
- 上一篇:谈鼠标滑过显示的用户体验
- 下一篇:百度空间的圆角矩形











