Tagi tabel HTML TH i TD

Stoły od dawna mają złą reputację projektowanie stron. Wiele lat temu do tworzenia układu używano tabel HTML, co oczywiście nie było tym, do czego były przeznaczone. Gdy CSS zyskał popularność w układach stron internetowych, pomysł, że „stoły są złe” chwycił. Niestety, wiele osób błędnie zrozumiało, że tabele HTML są przez cały czas złe. Wcale tak nie jest. W rzeczywistości tabele HTML są złe, gdy są używane do czegoś innego niż ich prawdziwy cel, czyli wyświetlanie danych tabelarycznych (arkusze kalkulacyjne, kalendarze itp.). Jeśli budujesz witrynę internetową i masz stronę z tego rodzaju danymi tabelarycznymi, nie wahaj się użyć an Tabela HTML na Twojej stronie.

Co robić i Zrobić?

 tag lub tag „dane tabeli” tworzy komórki tabeli w wierszu tabeli w tabeli HTML. To jest znacznik HTML, który zawiera dowolny tekst i obrazy. Zasadniczo jest to tag konia roboczego twojego stołu. Tagi będą zawierać zawartość tabeli HTML.

 tag lub „nagłówek tabeli” jest podobny do  na wiele sposobów. Może zawierać ten sam rodzaj informacji (chociaż nie umieściłbyś obrazu w ), ale definiuje tę konkretną komórkę jako nagłówek tabeli.

Większość przeglądarek internetowych zmienia grubość czcionki na pogrubienie i wyśrodkowuje zawartość komórki. Oczywiście możesz użyć Style CSS aby te nagłówki tabel, a także zawartość tagów, wyglądały tak, jak chcesz, aby wyglądały na renderowanej stronie internetowej.

Kiedy należy używać Zamiast ?

tag powinien być używany, gdy chcesz wyznaczyć zawartość komórki jako nagłówek tej kolumny lub wiersza. Komórki nagłówka tabeli zwykle znajdują się u góry tabeli lub z boku — w zasadzie nagłówki u góry kolumn lub nagłówki po lewej stronie lub na początku wiersza. Te nagłówki służą do definiowania zawartości poniżej lub obok nich, dzięki czemu tabela i jej zawartość są znacznie łatwiejsze do szybkiego przeglądania i przetwarzania.

Nie używać stylizować swoje komórki. Ponieważ przeglądarki mają tendencję do wyświetlania komórek nagłówków tabeli w inny sposób, niektórzy leniwi projektanci stron internetowych mogą spróbować to wykorzystać i użyć tagu, gdy chcą, aby zawartość była pogrubiona i wyśrodkowany. Jest to złe z kilku powodów:

1. Nie można polegać na przeglądarkach internetowych, które zawsze wyświetlają treści w ten sposób. Przyszłe przeglądarki mogą domyślnie zmieniać kolor lub nie wprowadzać żadnych zmian wizualnych, aby  zawartość. Nigdy nie należy polegać wyłącznie na domyślnych stylach przeglądarki i nigdy nie należy używać elementu HTML, ponieważ domyślnie „wygląda”.
2. Jest semantycznie niepoprawny. Programy użytkownika, które czytają tekst, mogą dodać formatowanie dźwiękowe, takie jak „nagłówek wiersza: Twój tekst”, aby wskazać, że znajduje się w komórka. Dodatkowo, niektóre aplikacje internetowe drukują nagłówki tabel u góry każdej strony, co spowoduje: powodować problemy, jeśli komórka nie jest w rzeczywistości nagłówkiem, ale zamiast tego jest używana ze względów stylistycznych tylko. Podsumowując — używanie tagów w ten sposób może powodować problemy z ułatwieniami dostępu dla wielu użytkowników, zwłaszcza tych korzystających z urządzeń wspomaganych w celu uzyskania dostępu do zawartości witryny.
3. Powinieneś użyć CSS aby zdefiniować wygląd komórek. Oddzielenie styl (CSS) i struktura (HTML) od wielu lat są najlepszymi praktykami w projektowaniu stron internetowych. Ponownie użyj a, ponieważ zawartość tej komórki jest nagłówkiem, a nie dlatego, że podoba Ci się sposób, w jaki przeglądarka prawdopodobnie domyślnie renderuje tę zawartość.