Ile maksymalnie należy użyć znaczników <td> w tabeli o trzech kolumnach i trzech wierszach niezawierającej złączeń komórek i wiersza nagłówkowego?
A. 3
B. 9
C. 6
D. 12
Pytanie z egzaminu CKE, styczeń 2021 (arkusz EE.09-SG-21.01).
W tabeli mającej 3 kolumny i 3 wiersze, bez łączenia komórek oraz bez wiersza nagłówkowego, każda zwykła komórka danych jest zapisywana znacznikiem <td>. Liczymy więc komórki jak w siatce: 3 wiersze × 3 kolumny = 9 komórek, czyli maksymalnie 9 znaczników <td>. To jest dokładnie ten przypadek, gdzie nie ma żadnych wyjątków typu colspan ani rowspan, które zmieniałyby liczbę fizycznie zapisanych komórek w kodzie HTML. Gdyby tabela miała nagłówek, część komórek mogłaby być zapisana jako <th>, ale w treści pytania jasno podano, że wiersza nagłówkowego nie ma. W praktyce kod wyglądałby tak, że w elemencie table umieszczasz trzy wiersze <tr>, a w każdym z nich po trzy komórki <td>. Moim zdaniem to jedno z tych pytań, które dobrze sprawdza, czy ktoś rozumie strukturę tabeli, a nie tylko kojarzy same znaczniki. Zgodnie z dobrymi praktykami HTML tabela powinna odzwierciedlać dane tabelaryczne, a nie służyć do budowania układu całej strony, bo od tego są CSS Grid albo Flexbox.
W tym pytaniu łatwo pomylić liczbę wierszy, kolumn i samych znaczników HTML. Znacznik <td> oznacza pojedynczą komórkę danych w tabeli, a nie cały wiersz ani całą kolumnę. Dlatego samo wskazanie liczby 3 wynika zwykle z policzenia tylko kolumn albo tylko wierszy, co nie opisuje całej siatki tabeli. Tabela 3 na 3 ma przecież komórki w każdym przecięciu wiersza i kolumny, więc trzeba brać pod uwagę oba wymiary naraz. Wynik 6 często bierze się z dodania 3 + 3, ale w strukturze tabeli HTML nie sumuje się wierszy i kolumn, tylko wyznacza liczbę pól w siatce. Każde pole to osobny element <td>, o ile nie użyto łączenia komórek. Z kolei 12 może sugerować doliczenie dodatkowych elementów, na przykład znaczników <tr> albo jakiegoś domyślnego nagłówka, ale pytanie dotyczy wyłącznie znaczników <td>. Element <tr> tworzy wiersz, a nie komórkę, więc nie wlicza się go do tej liczby. Nie należy też zakładać istnienia komórek <th>, bo wyraźnie napisano, że nie ma wiersza nagłówkowego. Z mojego doświadczenia takie błędy pojawiają się, gdy ktoś pamięta składnię tabeli fragmentarycznie, ale nie widzi jej jako prostokątnej siatki danych. Poprawne rozumowanie jest proste: liczba komórek danych = liczba wierszy × liczba kolumn, czyli 3 × 3 = 9. W standardowym, semantycznym HTML to właśnie tyle elementów <td> powinno wystąpić w pełnej tabeli bez scalania.