HTML-теги таблиц TH и TD

Таблицы давно получили плохую репутацию в веб-дизайн. Много лет назад HTML-таблицы использовались для разметки, что явно не было тем, для чего они предназначались. По мере того, как CSS стал популярным для макетов веб-сайтов, идея "столы плохие"прижился. К сожалению, многие люди неправильно поняли, что это означает, что все таблицы HTML всегда плохи. Это совсем не так. Реальность такова, что таблицы HTML плохи, когда они используются для чего-то другого, кроме их истинной цели, а именно для отображения табличных данных (электронных таблиц, календарей и т. Д.). Если вы создаете веб-сайт и у вас есть страница с такими табличными данными, вы не должны стесняться использовать Таблица HTML на твоей странице.

Что а также Делать?

В

 тег, или тег «данные таблицы», создает ячейки таблицы в строке таблицы в таблице HTML. Это HTML-тег, содержащий любой текст и изображения. По сути, это тег рабочей лошадки вашего стола. Теги будут содержать содержимое таблицы HTML.

В

 тег или "заголовок таблицы" похож на  во многих отношениях. Он может содержать такую ​​же информацию (хотя вы бы не поместили изображение в ), но он определяет эту конкретную ячейку как заголовок таблицы.

Большинство веб-браузеров меняют начертание шрифта на полужирный и центрируют содержимое ячейки. Конечно, вы можете использовать Стили CSS чтобы заголовки таблиц, а также содержимое ваших тегов выглядели так, как вы хотите, чтобы они выглядели на отображаемой веб-странице.

Когда следует использовать Скорее, чем ?

В

Тег следует использовать, если вы хотите обозначить содержимое ячейки как заголовок для этого столбца или строки. Ячейки заголовка таблицы обычно находятся в верхней части таблицы или сбоку - в основном, заголовки вверху столбцов или заголовки слева или в начале строки. Эти заголовки используются для определения содержимого, расположенного ниже или рядом с ними, что значительно упрощает просмотр и обработку таблицы и ее содержимого.

Не использовать чтобы стилизовать ваши ячейки. Поскольку браузеры имеют тенденцию отображать ячейки заголовков таблиц по-разному, некоторые ленивые веб-дизайнеры могут попытаться воспользоваться этим и использовать тег, когда они хотят, чтобы содержимое было жирным и по центру. Это плохо по нескольким причинам:

1. Вы не можете полагаться на то, что веб-браузеры всегда будут отображать контент таким образом. Будущие браузеры могут изменить цвет по умолчанию или вообще не вносить визуальных изменений в  содержание. Вы никогда не должны полагаться исключительно на стили браузера по умолчанию и никогда не должны использовать HTML-элемент из-за того, как он «выглядит» по умолчанию.
2. Это семантически неверно. Пользовательские агенты, которые читают текст, могут добавлять звуковое форматирование, такое как «заголовок строки: ваш текст», чтобы указать, что он находится в клетка. Кроме того, некоторые веб-приложения печатают заголовки таблиц в верхней части каждой страницы, что привести к проблемам, если ячейка на самом деле не является заголовком, а вместо этого используется по стилистическим причинам Только. Итог - использование тегов таким образом может вызвать проблемы с доступностью для многих пользователей, особенно тех, кто использует вспомогательные устройства для доступа к контенту вашего сайта.
3. Вы должны использовать CSS чтобы определить, как выглядят клетки. Разделение стиль (CSS) и структура (HTML) уже много лет являются лучшей практикой в ​​веб-дизайне. Еще раз, используйте, потому что содержимое этой ячейки является заголовком, а не потому, что вам нравится способ отображения этого содержимого браузером по умолчанию.