Кілька <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>. Довідково :

Модель вмісту:

У такому порядку: необов’язково елемент підпису, за яким слідує нуль або більше елементів colgroup, за яким необов’язково додається елемент thead, за яким слід або нуль, або більше елементів tbody, або один або більше елементів tr, за яким необов’язково додається елемент tfoot , необов’язково змішаний з одним або більше елементів, що підтримують сценарій.

Допускається щонайбільше один theadі один , тому не слід створювати додаткові заголовки. Зрештою in в надає значення вашим стовпцям, наприклад, "час доби", "температура", "кількість котів, які зараз горять".tfoot ththead

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

Якщо записи насправді не пов’язані між собою, вам слід надати одну таблицю для кожного з них. Ви все ще можете застосувати однаковий CSS для кожної таблиці, щоб отримати гарний результат.

Я вважаю, що це просто як idатрибути. Вони мають бути унікальними, але насправді ви можете повторно використовувати їх на тій же сторінці, і все одно можете вибрати. Тим не менш, те, що це можна зробити, не означає, що це потрібно робити.

Я б рекомендував проти цього.