Jakie jest znaczenie podpisów tabel?
„Podpisy tabel” służą do nadawania tytułów tabelom, dzięki czemu użytkownik może zdefiniować, co oznacza każda tabela i jak wykorzystać zawarte w niej dane. Podpisy mogą również pomóc w numerowaniu tabel na stronie internetowej, aby dane w nich zawarte były bardziej dostępne.
Podpisy podają dokładny kontekst każdej tabeli w dokumencie lub na stronie internetowej zawierającej dużą liczbę tabel. Co więcej, napisy strukturalne sprawiają, że czytelnicy szybko rozumieją, jakie dane są zawarte w każdej tabeli.
Jak używać podpisu tabeli w CSS Tailwind?
W Tailwind CSS podpis jest dodawany do tabeli za pomocą „
Przykład: dodanie podpisu tabeli zarówno na górze, jak i na dole tabeli
W poniższym kodzie dodamy „podpis” zarówno na górze, jak i na dole tabeli w następujący sposób:
< tabela >
< tabela klasa = „min-w-pełne obramowanie obramowanie-szary-300 podziel-y podziel-szary-300” >
< głowa >
< tr >
< cz klasa = 'py-2 px-4 bg-szary-100 obramowanie-b' >
Nazwa
< / cz >
< cz klasa = 'py-2 px-4 bg-szary-100 obramowanie-b' >
< / cz >
< cz klasa = 'py-2 px-4 bg-szary-100 obramowanie-b' >
ID
< / cz >
< cz klasa = 'py-2 px-4 bg-szary-100 obramowanie-b' >
Kontakt
< / cz >
< / tr >
< / głowa >
< ciało >
< tr >
< td klasa = 'py-2 px-4 obramowanie-b' > James < / td >
< td klasa = 'py-2 px-4 obramowanie-b' > james@tsl.com < / td >
< td klasa = 'py-2 px-4 obramowanie-b' > 61101-1234567-8 < / td >
< td klasa = 'py-2 px-4 obramowanie-b' > 123-456-7890 < / td >
< / tr >
< tr >
< td klasa = 'py-2 px-4 obramowanie-b' > Michael < / td >
< td klasa = 'py-2 px-4 obramowanie-b' > michael@tsl.com < / td >
< td klasa = 'py-2 px-4 obramowanie-b' > 61101-8765432-1 < / td >
< td klasa = 'py-2 px-4 obramowanie-b' > 098-765-4321 < / td >
< / tr >
< tr >
< td klasa = 'py-2 px-4 obramowanie-b' > Dawid < / td >
< td klasa = 'py-2 px-4 obramowanie-b' > David@TSL.com < / td >
< td klasa = 'py-2 px-4 obramowanie-b' > 54791-1234567-8 < / td >
< td klasa = 'py-2 px-4 obramowanie-b' > 123-786-4290 < / td >
< / tr >
< tr >
< td klasa = 'py-2 px-4 obramowanie-b' > Piotr < / td >
< td klasa = 'py-2 px-4 obramowanie-b' > peter@tsl.com < / td >
< td klasa = 'py-2 px-4 obramowanie-b' > 54300-1234567-8 < / td >
< td klasa = 'py-2 px-4 obramowanie-b' > 611-239-7890 < / td >
< / tr >
< / ciało >
< podpis >
Dane osobowe pracowników
< / podpis >
< / tabela >
< podpis >
Nazwa firmy
< / podpis >
Wykonaj następujące kroki w powyższym kodzie:
- Utwórz tabelę za pomocą „
”znacznik. - Określ formatowanie tabeli za pomocą klasy narzędzia.
- Zdefiniuj nagłówki tabeli „Nazwa”, „E-mail”, „ID” i „Kontakt” za pomocą „
”znacznik. - Zdefiniuj dane dla wszystkich 4 pracowników w tabeli za pomocą „
” i „ ” tagi. - Następnie określ tytuł tabeli za pomocą „
” i zamknij tabelę. - Na koniec dodajemy kolejny znacznik „
” na końcu, aby zastosować podpis tabeli na dole tabeli. - Notatka : jest taki, że podpis tabeli na górze tabeli jest określony w znaczniku „
”, podczas gdy podpis na dole musi być określony po znaczniku zamykającym tabelę.
Wyjście
Wniosek
Podpisy tabel są niezbędne, aby przekazać więcej informacji o tabelach i zawartych w nich danych. W konsekwencji zwiększa się wielokierunkowo dostępność tabel zarówno dla użytkowników, jak i czytelników. Podpis zawiera dodatkowe informacje dotyczące tabeli w zwięzły sposób, które można również wyświetlić w opisie online.
- Następnie określ tytuł tabeli za pomocą „