Co to jest `tfoot` w HTML?

tfoot to element HTML tabeli, który grupuje wiersze tworzące jej stopkę (np. sumy, podsumowania, uwagi do danych). Stosuje się go razem z thead (nagłówek) i tbody (treść), a wewnątrz powinien zawierać co najmniej jeden wiersz tr. Przeglądarki mogą dzięki temu niezależnie przewijać korpus tabeli oraz powtarzać nagłówek i stopkę przy drukowaniu wielostronicowych tabel.

Najważniejsze fakty:

  • Cel – grupowanie treści stopki tabeli, często do wyświetlania podsumowań danych.
  • Strukturatable → (opcjonalnie) caption, colgroup, thead, tbodytfoot; w środku tfoot umieszczasz tr z komórkami td/th.
  • Lokalizacja a renderowanie – technicznie tfoot może znajdować się w różnych miejscach wewnątrz table, ale przy renderowaniu pojawia się po tbody jako stopka.
  • Tylko jedna stopka – w jednej tabeli dozwolony jest jeden tfoot.

Przykład użycia:

  • Podsumowanie kolumn (np. “Suma”, “Średnia”).
  • Informacje prawne/legenda do danych.
  • Przy druku: powtarzana stopka na dole każdej strony z tabelą.

Czego “tam załatwić”:

  • Umieszczasz tam wszystko, co stanowi logiczną stopkę tabeli: podsumowania wartości, noty, źródła danych, datę aktualizacji, itp..
  • To nie jest miejsce na kontakt do autora strony jako takiej, tylko stopka danej tabeli.

Inne formy kontaktu na stronie (poza stopką tabeli):

  • Adres e-mail w treści strony lub stopce strony (nie tabeli), ewentualnie z użyciem schematu mailto w linku.
  • Formularz kontaktowy (HTML + backend).
  • Numer telefonu (z możliwością kliknięcia w urządzeniach mobilnych).
  • Adresy do profili społecznościowych.
  • Sekcja “Kontakt” lub “O nas” z danymi firmy.

Jeśli potrzebujesz podać kontakt jako tekst (bez linków), możesz dodać np.:

Źródła: definicja, struktura i zastosowania tfoot, zachowanie przy renderowaniu i rola podsumowań, dodatkowo ograniczenie do jednego tfoot w tabeli. Link mailto jako jedna z form kontaktu.

Programista i twórca serwisu Creative Coding, absolwent Politechniki Warszawskiej (WEiTI). Od 10+ lat łączy front‑end, grafikę generatywną i narzędzia dla twórców; opublikował 120+ projektów i artykułów, prowadził warsztaty dla 2 000+ uczestników. Pracuje z JavaScriptem, Three.js, P5.js i GLSL, bada wydajność i dokumentuje procesy, tworząc praktyczne przewodniki dla osób łączących kod z obrazem, dźwiękiem i interakcją.
Zostaw komentarz

Komentarze

Brak komentarzy. Dlaczego nie rozpoczniesz dyskusji?

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *