HTML <col> 标签

"col" 是 "column" 英文单词的缩写，有 "列" 的意思。在 html 中，<col>标签是使用来为表格中一个或多个列定义属性值，通过该标签可以同时给整个列应用样式，不需要重复为每个单元格或每一行设置样式，可以节约很多代码。

实例

col 元素为表格中的三个列规定了不同的对齐方式：

<html>
<body>
<table width="100%" border="1">
  <col align="left">
  <col align="left">
  <col align="right">
  <tr>
    <th>证书号</th>
    <th>标题</th>
    <th>价格</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>我的第一个 HTML</td>
    <td>53美元</td>
  </tr>
  <tr>
    <td>2489604</td>
    <td>我的第一个 CSS</td>
    <td>47美元</td>
  </tr>
</table>
</body>
</html>

运行一下

浏览器支持

元素
<col>	Yes	Yes	Yes	Yes	Yes

所有主流浏览器都支持 <col> 标签。

定义和用法

<col> 标签为表格中一个或多个列定义属性值。

如需对全部列应用样式，<col> 标签很有用，这样就不需要对各个单元和各行重复应用样式了。

您只能在 table 或 colgroup 元素中使用 <col> 标签。

HTML 与 XHTML 之间的差异

在 HTML 中，<col> 没有结束标签。

在 XHTML 中，<col> 标签必须被正确的关闭。

提示和注释：

提示：请为 <col> 标签添加 class 属性。这样就可以使用 CSS 来负责对齐方式、宽度和颜色等等。

提示：如果您希望在 colgroup 内部为每个列规定不同的属性值时，请使用此元素。如果没有 col 元素，列会从 colgroup 那里继承所有的属性值。

注释：col 元素是仅包含属性的空元素。如需创建列，您就必须在 tr 元素内部规定 td 元素。参见：<colgroup> 标签。

可选的属性

属性	值	描述
align	right left center justify char	规定与 col 元素相关的内容的水平对齐方式。
char	character	规定根据哪个字符来对齐与 col 元素相关的内容。
charoff	number	规定第一个对齐字符的偏移量。
span	number	规定 col 元素应该横跨的列数。
valign	top middle bottom baseline	定义与 col 元素相关的内容的垂直对齐方式。
width	pixels % relative_length	规定 col 元素的宽度。

全局属性

<col> 标签支持 HTML 中的全局属性。

事件属性

<col> 标签支持 HTML 中的事件属性。