<colgroup>实例(169it.com)
<colgroup> 和 <col> 标签为表格中的三个列设置了背景色:
<table border="1">
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
所有主流浏览器都支持 <colgroup> 标签。
标签定义及使用说明
<colgroup> 标签用于对表格中的列进行组合,以便对其进行格式化。
通过使用 <colgroup> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。
注释:只能在 <table> 元素之内,在任何一个 <caption> 元素之后,在任何一个 <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 标签。
提示:如果想对 <colgroup> 中的某列定义不同的属性,请在 <colgroup> 标签内使用 <col> 标签。
col标签为表格中一个或多个列定义属性值。colgroup标签用于对表格中的列进行组合,以便对其进行格式化。
它们的作用主要就是来控制单元格的宽度了,这样省去单独定义每个单元格的麻烦,过去我们往往是在第一行中的th或者td上定义宽度来规定每列的宽度,而col不但可以定义宽度还能同时定义其他的属性,例如可以通过col来控制几列宽度的总和,还可以控制这列的背景色。但理想是丰满的,现实是骨干的,正如前面所说,功能越大不代表其兼容性也越强,据现有的测试下来,col和colgroup能发挥作用还能保证兼容的应用就只有俩:width和background。对于width,个人宁愿使用常规方式,第一行设置宽度,保证列宽。对于bacground,一般实际中表格大面积使用不同背景的情况也很少见。
HTML 4.01 与 HTML5之间的差异
HTML5 中不再支持 HTML 4.01 中的大部分属性。
属性
HTML <colgroup> 标签的 width 属性
width 属性规定列组的宽度。通常,列组占用的空间就是它显示内容需要的空间。width 属性用于为单元格设置预定义的宽度。该属性会被 col 元素中的任何宽度设置覆盖。目前没有主流浏览器支持该属性的 relative_length 值。
width 属性语法
<colgroup width="value">
width 属性属性值
值 描述
pixels 设置以像素计的宽度值(例子:width="50")。
percent 设置以包围元素的百分比计的宽度值(例子:width="50%")。
relative_length 把可用像素分配到各部分。
relative_length 值
假如表格的宽度是 100 像素,第一个列组是 20 像素,第二个列组是 50%,那么剩余的可用像素是 30 像素。
如果可用像素是 30px,那么可以设置部分一为 "1*",部分二为 "2*",这将被解释为 10 和 20 像素("1*" 为部分一,"2*" 为部分二)。
HTML <colgroup> 标签的 width 属性详细用法举例:
<table border="1">
<colgroup span="2" width="100" />
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
<colgroup> 标签支持 HTML 的全局属性。
<colgroup> 标签支持 HTML 的事件属性。