Prosta zasada - Użyj tabel dla danych tabelarycznych, wykorzystywać inne elementy prezentacji (projektowanie układów za pomocą CSS) jak div
, section
, aside
, nav
itp. który zapewnia sens treści trzymają zamiast używać table
za wszystko
Faktem jest, że programiści używane tabele w latach 90. dla ddrafting swoje układy, ale teraz, nowy CSS3 Spec jest niesamowite, to daje tak wiele luk w projektowaniu układy takie jak Flex Box, column-count
, zachowanie modelu pudełkowego można zmienić za pomocą właściwości box-sizing
, projekty responsywne stają się coraz lepsze przy użyciu zapytań @media
, siatek itp., których nie można uzyskać z elementem table
... i dlatego, table
jest używane tylko do przechowywania danych tabelarycznych.
Widziałem wielu deweloperów mając wrażenie, że table
powinny być całkowicie ignorowane, a zamiast tego wykorzystać całe mnóstwo div
z 100 linii CSS, stosując display: table;
table-cell
table-row
właściwości, aby dostać jeden stół prosto.
Więc nawet w HTML5 jest całkowicie OK, jeśli używać tabel dla danych tabelarycznych ..
From W3 Org : (v4.01)
Tabele nie powinny być używane wyłącznie jako środek do układu treść dokumentu, ponieważ może to powodować problemy podczas renderowania na nośnikach niewizualnych na . Dodatkowo, w połączeniu z grafiką, te tabele mogą zmusić użytkowników do przewijania w poziomie, aby wyświetlić tabelę zaprojektowaną na systemie z większym wyświetlaczem. Aby zminimalizować te problemy, autorzy powinni używać style sheets do sterowania układem, a nie tabelami.
From (HTML 5)
Tabele nie powinny być stosowane jako substancje pomocnicze układu. Historycznie, wielu autorów WWW ma tabele w HTML jako sposób kontrolowania układu strony , co utrudnia wyodrębnianie danych tabelarycznych z takich dokumentów. W szczególności w przypadku użytkowników narzędzi ułatwień dostępu, takich jak czytniki ekranu, użytkownicy komputerów ułatwiają dostęp do stron z tabelami użytymi do stworzenia układu. Jeśli tabela ma być używana do układu, musi być oznaczona atrybutem role="presentation"
, aby klient robiący programowanie prawidłowo reprezentował tabelę w technologii wspomagającej i odpowiednio przekazał zamiar autora do narzędzi, które chcą wyodrębnić dane tabelaryczne z dokumentu.
Istnieje wiele alternatyw dla używania tabel HTML dla układu, głównie przy użyciu pozycjonowania CSS i modelu tabeli CSS [CSS]
Jeśli dane są tabelaryczne, użyj tabel; jeśli zawartość tabeli jest prezentacyjna, nie używaj tabel. –
Które przeglądarki są potrzebne do obsługi? –
Wszystkie najnowsze i nadchodzące przeglądarki! Myślę, że jest przestarzałe od HTML5? –