javascript - 在表格中使用多个 thead 或 tfoot 元素是否有效？

Question

想象一个类似这样的列表：

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

现在忘记了整个“表格是用于数据而不是设计”的论点，我想显示一个表格，list并为. <thead><tbody>list

这在技术上有效吗？这在浏览器中有效，但我的蜘蛛感觉对这个感到刺痛。

score 131 · Accepted Answer

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

内容模型：

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

score 12 · Accepted Answer

最多允许thead一个和一个，所以你不应该创建额外的标题。毕竟in a为您的列赋予了含义，例如“一天中的时间”、“温度”、“当前着火的猫的数量”。tfoot ththead

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

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

score 4 · Accepted Answer

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

我建议反对它。

3 回答 3