html - 我应该使用 和 吗？如果是，为什么以及如何使用？

Question

我一直在尝试正确使用 colgroup 和 col 标签，但我不明白。我阅读了规范和所有其他内容，但我不了解其目的或如何实现它。

Answer 1

A colgroup用于 table元素有助于理解具有不规则标题的表格中信息的复杂层次结构。

WAI 有一个关于如何处理这种情况的完整信息页面: Tables with irregular headers并了解 col 的使用和 colgroup

To associate the first-level headers properly with all cells of both columns, the column structure needs to be defined at the beginning of the table. A <col> element identifies each column, beginning on the left. If a header spans two or more columns, use a <colgroup> element instead of that number of <col> elements, and the number of columns spanned is noted in the span attribute.

也就是说，这些元素的最佳用例是在不重复 style 的情况下为列设置样式。或 class属性:

<table>
  <colgroup>
    <col style="background-color:red">
    <col style="background-color:yellow">
    <col style="background-color:blue">
  </colgroup>
  <tr>
    <th>First</th>
    <th>Second</th>
    <th>Third</th>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
</table>