Przejdź do treści głównej
INF.03Pytanie #1130 z 1558html-struktura-i-semantyka

Chcesz stworzyć tabelę danych zawierającą nagłówki kolumn, główną treść oraz podsumowanie w stopce. Jaka jest poprawna i semantyczna struktura takiej tabeli używając elementów <thead>, <tbody>, <tfoot> i <caption>?

Opcje odpowiedzi:
A
<table><caption>Tytuł</caption><tbody><tr><td>Dane</td></tr></tbody><thead><tr><th>Nagłówek</th></tr></thead><tfoot><tr><td>Stopka</td></tr></tfoot></table>
B
<table><caption>Tytuł</caption><thead><tr><th>Nagłówek</th></tr></thead><tbody><tr><td>Dane</td></tr></tbody><tfoot><tr><td>Stopka</td></tr></tfoot></table>
Prawidłowa
C
<table><thead><tr><th>Nagłówek</th></tr></thead><caption>Tytuł</caption><tbody><tr><td>Dane</td></tr></tbody><tfoot><tr><td>Stopka</td></tr></tfoot></table>
D
<table><caption>Tytuł</caption><header><tr><th>Nagłówek</th></tr></header><body><tr><td>Dane</td></tr></body><footer><tr><td>Stopka</td></tr></footer></table>
Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: B (`<table><caption>Tytuł</caption><thead><tr><th>Nagłówek</th></tr></thead><tbo...)

<table><caption>Tytuł</caption><thead><tr><th>Nagłówek</th></tr></thead><tbody><tr><td>Dane</td></tr></tbody><tfoot><tr><td>Stopka</td></tr></tfoot></table>.

Standardowa i semantyczna struktura tabeli HTML zakłada następującą kolejność głównych elementów (chociaż <tfoot> może pojawić się przed <tbody> w kodzie źródłowym, jego semantyczne miejsce to stopka):

  1. <caption> (opcjonalny, bezpośrednio po otwarciu <table>): Tytuł lub opis tabeli.
  2. <thead> (opcjonalny): Grupuje wiersze nagłówkowe (<tr> z komórkami <th>).
  3. <tbody> (wymagany, jeśli są dane; może być ich wiele): Grupuje wiersze z danymi (<tr> z komórkami <td>).
  4. <tfoot> (opcjonalny): Grupuje wiersze stopki (np. podsumowania).

Dlaczego pozostałe opcje są nieprawidłowe?

  • A: Nieprawidłowa kolejność elementów; <tbody> nie powinno być przed <thead>.
  • C: <caption> musi być pierwszym elementem potomnym <table> (lub zaraz po <colgroup>).
  • D: Używa niepoprawnych tagów <header>, <body>, <footer> zamiast <thead>, <tbody>, <tfoot> w kontekście tabeli.

Chcesz poćwiczyć całą kwalifikację INF.03?

Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.

Rozwiąż w Quizie

Pojęcia z tego pytania

Cały słownik INF03
Reklama

Podobne pytania z działu „Html struktura i semantyka”

Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 282 pytań z tego działu.