HTML <colgroup> 标签

引言

表格是按行序列创建的。设置行的属性会影响该行的所有单元格。但如果你想改变特定列的属性，你必须为该列所在行的每个 <td> 元素设置属性，这非常繁琐。因此，为了在单一行中影响特定列的每个单元格，我们使用 <colgroup> 和 <cols> 元素。这些元素用于创建一些高级功能，如分组列、在聚合列之间共享属性、将表格划分为多个分区等。

什么是 <colsgroup> 标签？

HTML <colgroup> 标签指定 HTML 表格中的列组。它用作一个或多个 <col> 元素的父容器，以便在 HTML 表格中应用不同的属性。<colgroup> 元素始终位于 <table> 元素中，通常在第一个行定义之前。起始标签 <colgroup> 是必需的，但结束标签 </colgroup> 是可选的。通过使用 colgroup> 元素，您可以对列组应用格式，而不是单独对每一列应用格式。

注意：<colgroup> 标签必须与 <table> 元素一起使用，放在 <caption> 之后，<thead> 或 <tbody> 元素之前。

什么是 <cols> 标签？

与 <colgroup> 元素一样，<col> 元素或标签也用于格式化列。此元素始终用在 <colgroup> 元素内部。它是一个空元素，因为它不包含内容，只有用于格式化目的的属性。当你需要以不同于其他列的方式格式化中间的列时，通常会使用它。与 <cols> 元素一起使用的属性与 <colsgroup> 元素相同。

语法

以下是有关 HTML <colgroup> 标签的一些规范

现在，让我们考虑一个包含 3 列的表格中 <colsgroup> 元素的示例。

示例

输出

为了改变特定列的属性，有一系列可用于 <colgroup> 元素的属性。它们通常这样写：

语法

以下是各种可用属性

全局属性

HTML <colgroup> 标签支持 HTML 中的所有全局属性。

事件属性

HTML <colgroup> 标签支持 HTML 中的所有事件属性。

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
<colgroup>	是的	是的	是的	是的	是的