表中的多个<thead> / <tbody>有效吗？

想象一个类似于以下列表的列表：

var list = [
  { name: 'group1', 
    items: [ 1, 2, 3, 4, 5 ]
  },
  { name: 'group2', 
    items: [ 1, 2, 3, 4, 5 ]
  },
  etc...
]

现在忘记了整个“表是用于数据而非设计的”参数，我想显示一个表，并为其中的每个条目list提供一个单独的表。 <thead><tbody>list

这在技术上有效吗？这可以在浏览器中使用，但是我的蜘蛛感觉上却有点刺痛。

您可以根据需要拥有任意数量的<tbody>元素，但每个<thead>和最多可以有一个<tfoot>。参考：

内容模型：

按此顺序：可选的是caption元素，后跟零个或多个colgroup元素，随后是thead元素，随后是零个或多个tbody元素或一个或多个tr元素，然后可选地是tfoot元素，并可选地与一个混合或更多脚本支持元素。

最多允许一个thead和一个，因此您不应创建其他标题。毕竟，a会为您的列赋予含义，例如“一天中的时间”，“温度”，“当前着火的猫的数量”。tfoot ththead

如果列表中的条目是相关的，它们应该都在同一张表中，并且您应该提供合适的标题以显示该关系。

如果条目实际上不相关，则应为每个条目提供一个表。您仍然可以在每个表上应用相同的CSS，以获得不错的结果。

我认为它就像id属性。它们应该是唯一的，但是您实际上可以在同一页面中重复使用它，但是仍然可以选择它。 就是说，仅仅因为可以做到并不意味着就应该做到。

我建议反对。