Несколько <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>и <tfoot>. Ссылка :

Модель контента:

В этом порядке: необязательно элемент caption, за которым следуют ноль или более элементов colgroup, за которыми, необязательно, следует элемент thead, за которым следует либо ноль или несколько элементов tbody, либо один или несколько элементов tr, за которым, необязательно, следует элемент tfoot , необязательно смешанный с одним или более элементов, поддерживающих сценарий.

Допускается не более одного theadи одного , поэтому создавать дополнительные заголовки не следует. В конце концов, in дает значение вашим столбцам, например, «время дня», «температура», «количество кошек в огне».tfoot ththead

Если записи в вашем списке связаны, все они должны находиться в одной таблице, и вы должны предоставить соответствующий заголовок для отображения этой связи.

Если записи на самом деле не связаны, вы должны предоставить отдельную таблицу для каждой из них. Вы по-прежнему можете применять один и тот же CSS к каждой таблице, чтобы получить хороший результат.

Я считаю, что это просто idатрибуты. Они должны быть уникальными, но на самом деле вы можете повторно использовать их на той же странице, и вы все равно можете выбрать их. Тем не менее, то, что это возможно, не означает, что это нужно делать.

Я бы не рекомендовал этого.