多个/表有效吗？

Question

想象一下与此类似的列表列表：

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

现在忘记了整个“表格用于数据而非设计”参数，我想为list显示一个表格，并为<thead>和<tbody>分隔list和{{1}} {1}}。

这技术上有效吗？这适用于浏览器，但我的spider senses are tingling on this one。

Answer 1

您可以拥有任意数量的<tbody>元素，但每个<thead>和<tfoot>不得超过一个元素。 Reference：

  

内容模型：

     

按此顺序：可选择一个标题元素   通过零个或多个colgroup元素，后跟可选的thead   element，后跟零个或多个tbody元素或一个或多个   tr元素，可选地由tfoot元素跟随   与一个或多个脚本支持元素混合。

Answer 2

最多只有一个thead和一个tfoot allowed，因此您不应创建其他标头。在th中的所有thead为您的列提供了意义后，例如“一天中的时间”，“温度”，“目前着火的猫的数量”。

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

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

Answer 3

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

我会反对它。