Tablodaki Çoklu <thead> / <tbody> Geçerli mi?

Buna benzer bir liste listesi düşünün:

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

Şimdi tüm "tablolar veri içindir, tasarım değil" argümanını unutarak, tek bir tablo görüntülemek ve her giriş için listayrı ayrı olmak istedim . <thead><tbody>list

Bu teknik olarak geçerli mi? Bu tarayıcıda çalışıyor, ancak örümcek duyularım bu konuda karıncalanma yapıyor .

İstediğiniz kadar <tbody>öğeye sahip olabilirsiniz , ancak her biri <thead>ve öğelerinin birden fazla olamaz <tfoot>. Referans :

İçerik modeli:

Bu sırada: isteğe bağlı olarak bir başlık öğesi, ardından sıfır veya daha fazla ortak grup öğesi, ardından isteğe bağlı olarak bir thead öğesi, ardından sıfır veya daha fazla tbody öğesi veya bir veya daha fazla tr öğesi, ardından isteğe bağlı olarak bir tfoot öğesi , isteğe bağlı olarak biriyle karıştırılmış veya daha fazla komut dosyası destekleyen öğe.

En fazla bir theadve bir tane tfoot izin verilir , bu nedenle ek başlıklar oluşturmamalısınız. Sonuçta thin a thead, sütunlarınıza "günün saati", "sıcaklık", "yanmakta olan kedi sayısı" gibi bir anlam verir.

Listenizdeki girişler ilişkiliyse, hepsi aynı tabloda olmalı ve bu ilişkiyi görüntülemek için uygun bir başlık sağlamalısınız.

Girişler gerçekte ilgisiz ise, bunların her biri için tek bir tablo sağlamalısınız. Yine de güzel bir sonuç elde etmek için aynı CSS'yi her tabloya uygulayabilirsiniz.

Bunun idnitelikler gibi olduğunu düşünüyorum . Benzersiz olmaları gerekir, ancak aslında aynı sayfada yeniden kullanabilir ve yine de seçebilirsiniz. Bununla birlikte, yapılabilmesi, yapılması gerektiği anlamına gelmez.

Buna karşı tavsiye ederim.