8.表格标签

<table>:用于定义表格.

<table>由0或1个<caption>子标签,0到1个<thead>子标签,0到1个<tfoot>子标签,多个<tr>子标签,多个<tbody>子标签组成;

<table>常用的属性如下:

border:指定表格边框的宽度,默认是0;

cellpadding:指定单元格内容和单元格边框的间距,值可是像素或百分比;

cellspacing:指定单元格之间的间距,值可是像素或百分比;

width:指定表格的宽度,值可是像素或百分比;

<caption>:用于定义表格的标题,必须放在<table></table>之间;

<tr>:定义表格行,该标签内只能有<td>或<th>子标签;

<td>:定义单元格,放在<tr>中,表示把一行分成N个单元格;(N取决于N对<td>);

colspan:指定该单元格跨多少列,属性值是数字;

rowspan:指定该单元格横跨的行数;

height:指定单元格的高度;

width:指定单元格的宽度;

<th>:定义表格页眉的单元格;用法和<td>标签一直,只是显示效果有差别;

<tbody>:定义表格的主体

该标签只能包含<tr>子元素;使用<tbody>标签可以将一个表格分成几个独立的部分;<tbody>可以讲表格里的一行或多行合并成一组,以后使用Ajax编程的时候常常需要动态修改表格的某几行,此时就得使用<tbody>标签了;

<thead>:定义表格头

用法和<tbody>一致,功能有点差别;

<tfoot>:定义表格脚

用法和<tbody>一致,功能有点差别;

<thead>,<tbody>,<tfoot>标签可以对表格的行进行分组,每对<tbody>就是一组;除此之外,
当创建某个表格时.希望拥有一个标题行,以及底部的一个统计行;当打印表格式,表格头和表格脚的数据也会包含在数据的页面上;
无论<thead>,<tbody>,<tfoot>三者的先后顺序如何,页面上总会是最上面显示表格头,中间是显示表格体,最下面显示表格脚数据;
一般开发中建议从上到下的顺序是:<thead>,<tfoot>,<tbody>;
好处是即使网速慢没有加载出表格体的数据,但是表格头和表格脚的信息会先显示出来,以”安抚民心”;