Теги таблицы TH и TD HTML

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

Что

и делай?

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

Тег, или «заголовок таблицы», похож на

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

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

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

?

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

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

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