Тагове за таблици TH и TD HTML

Масите отдавна се влошиха уеб дизайн. Преди много години HTML таблиците се използваха за оформление, което очевидно не беше това, за което бяха предназначени. Тъй като CSS стана популярен за оформлението на уебсайтове, идеята, че "таблиците са лоши"задържа. За съжаление, много хора погрешно разбраха това, което означава, че HTML таблиците през цялото време са лоши. Това изобщо не е така. Реалността е, че HTML таблиците са лоши, когато се използват за нещо различно от истинската им цел, която е да показват таблични данни (електронни таблици, календари и т.н.). Ако създавате уебсайт и имате страница с този вид таблични данни, не се колебайте да използвате HTML таблица на вашата страница.

Какво да правя и Да

The

 таг или таг "таблични данни" създава клетки в таблица в реда на таблица в HTML таблица. Това е HTML тагът, който съдържа всякакъв текст и изображения. По принцип това е маркерът за работен кон на вашата маса. Маркерите ще съдържат съдържанието на HTML таблицата.

The

 или "заглавката на таблицата" е подобен на  по много начини. Той може да съдържа същия вид информация (въпреки че не бихте поставили изображение в ), но определя тази конкретна клетка като заглавка на таблица.

Повечето уеб браузъри променят теглото на шрифта на получер и центрират съдържанието в клетка. Разбира се, можете да използвате CSS стилове за да направите тези заглавки на таблици, както и съдържанието на вашите маркери, да изглеждат така, както бихте искали те да изглеждат на изобразената уеб страница.

Кога трябва да използвате Отколкото ?

The

tag трябва да се използва, когато искате да посочите съдържанието в клетката като заглавка за тази колона или ред. Клетките на заглавката на таблицата обикновено се намират в горната част на таблицата или отстрани - основно заглавията в горната част на колоните или заглавията вляво или в началото на ред. Тези заглавки се използват за определяне на съдържанието отдолу или до тях, което прави таблицата и нейното съдържание много по-лесни за преглед и бърза обработка.

Не използвай за да оформите клетките си. Тъй като браузърите са склонни да показват клетките на заглавката на таблицата по различен начин, някои мързеливи уеб дизайнери могат да се опитат да се възползват от това и да използват маркера, когато искат съдържанието да е получер и центрирано. Това е лошо поради няколко причини:

1. Не можете да разчитате на уеб браузъри, които винаги показват съдържанието по този начин. Бъдещите браузъри може да променят цвета по подразбиране или изобщо да не правят визуални промени  съдържание. Никога не трябва да разчитате единствено на стиловете на браузъра по подразбиране и никога не трябва да използвате HTML елемент, тъй като по подразбиране той „изглежда“.
2. Това е семантично неправилно. Потребителските агенти, които четат текста, могат да добавят звуково форматиране като „заглавка на ред: вашият текст“, за да покажат, че е в клетка. Освен това някои уеб приложения отпечатват заглавията на таблиците в горната част на всяка страница, което би водят до проблеми, ако клетката всъщност не е заглавна част, а вместо това се използва по стилистични причини само. Долен ред - използването на маркери по този начин може да доведе до проблеми с достъпността на много потребители, особено тези, които използват подпомогнати устройства за достъп до съдържанието на вашия сайт.
3. Трябва да използвате CSS за да се определи как изглеждат клетките. Разделянето на стил (CSS) и структурата (HTML) е най-добрата практика в уеб дизайна в продължение на много години. За пореден път използвайте a, защото съдържанието на тази клетка е заглавка, а не защото ви харесва начинът, по който браузърът може да изобрази това съдържание по подразбиране.