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 中的每个条目.

这在技术上有效吗？这在浏览器中有效，但我的 spider senses are tingling on this one .

Answer 1

你可以拥有尽可能多的<tbody>你想要的元素，但每个元素不超过一个 <thead>和 <tfoot> . Reference :

Content model:

In this order: optionally a caption element, followed by zero or more colgroup elements, followed optionally by a thead element, followed by either zero or more tbody elements or one or more tr elements, followed optionally by a tfoot element, optionally intermixed with one or more script-supporting elements.