テーブル内の複数の<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>とのそれぞれが1つだけ<tfoot>です。参照：

コンテンツモデル：

この順序で：オプションでキャプション要素、続いて0個以上のcolgroup要素、オプションでaad要素、続いて0個以上のtbody要素または1つ以上のtr要素、オプションでtfoot要素、オプションで1つと混合以上のスクリプトサポート要素。

多くても1つでありますtheadし、1tfoot 許可され、追加のヘッダーを作成するべきではありませんので、。結局のところ、thatheadは、「時刻」、「温度」、「現在発砲している猫の数」など、列に意味を与えます。

リスト内のエントリが関連している場合、それらはすべて同じテーブルにある必要があり、その関係を表示するためのフィッティングヘッダーを提供する必要があります。

エントリが実際に無関係である場合は、それらすべてに1つのテーブルを提供する必要があります。すべてのテーブルに同じCSSを適用して、良い結果を得ることができます。

id属性のようなものだと思います。それらは一意であるはずですが、実際には同じページで再利用でき、それでも選択できます。 とはいえ、それができるからといって、それが行われるべきだという意味ではありません。

私はそれに反対することをお勧めします。