表中有多个<thead> / <tbody>有效?

想象一下列表类似的列表:

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

现在忘了整个“表是为数据没有devise”的论点,我想显示一个单一的表,并有一个单独的<thead><tbody> list每个条目。

这在技术上有效吗? 这在浏览器中有效,但是我的蜘蛛感觉正在刺激这个 。

您可以拥有任意数量的<tbody>元素,但不能多于一个<thead><tfoot> 。 参考 :

内容模型:

按照以下顺序:可选地,字幕元素,随后是零个或更多的colgroup元素, 随后任选地跟随一个thead元素,随后是零个或多个tbody元素或一个或多个tr元素,随后可选地随后是tfoot元素 ,可选地与一个或更多的脚本支持元素。

最多只允许一个thead和一个tfoot ,所以你不应该创build额外的头文件。 毕竟,在一个人的东西给你的专栏的意义,如“时间”,“温度”,“猫的数量目前着火”。

如果列表中的条目是相关的,它们应该全部在同一个表格中,并且您应该提供一个合适的标题来显示该关系。

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

我认为它就像id属性。 它们应该是独一无二的,但实际上可以在同一页面中重复使用它,并且仍然可以select它。 这就是说,只是因为它可以做到并不意味着它应该完成。

我会build议反对它。