html中的<col>标签与<colgroup>标签的区别

colgroup、col 标签用来定义表格列的分组。
如果一个表格前三列要垂直居上,后两列垂直居下,我们就可以用分组来进行设置。看起来是样式表可以代替的功能,但这的确不是多余的标签,和前面的标签一样,在 XHTML 1.0 Strict 中也是允许的标签。
<table border="1">
  <colgroup span="3" valign="top"></colgroup>
  <colgroup span="2" valign="bottom"></colgroup>
  <tr>
    <td>1垂直居上</td>
    <td>2垂直居上</td>
    <td>3垂直居上</td>
    <td>4垂直居下</td>
    <td>5垂直居下</td>
  </tr>
</table>
span 用以表示该组包含多少列。
col 的作用是细化 colgroup,因为即使在一个组中,列与列之间也可能会出现一些差别,这时就得用到 col 了。
  <colgroup span="3" valign="top">
    <col width="50"></col>
    <col align="center"></col>
    <col valign="middle"></col>
  </colgroup>
可以看到第三列的 valign 覆盖了 colgroup 的 valign 设置。在这里 width、align、valign 都是符合 XHTML 1.0 Strict 的,不过要注意的是:没有 height 属性。

有话要说