Каква е разликата между TH и TD таговете на таблицата HTML?

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

Ако сте започнали да изграждате сайтове през годините, откакто HTML таблиците за оформление са изпаднали в неблагоприятно положение, в действителност може да не сте запознати с елементите, които съставляват HTML таблиците. Един въпрос, който мнозина имат, когато започват да гледат маркирането на масата, е:

"Каква е разликата между и таговете за HTML таблици?

Какво е тагът?

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

Какво е тагът

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

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

Кога трябва да използвате & lt; th & gt; По-скоро отколкото?

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

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

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