Th html что это?
Пробовал жирный текст, менял цвет, потом заменил td на th. Вроде стало похоже на заголовок, но зачем отдельный тег и где указать связь со столбцом?
Ваш вопрос
Пробовал жирный текст, менял цвет, потом заменил td на th. Вроде стало похоже на заголовок, но зачем отдельный тег и где указать связь со столбцом?
th обозначает ячейку заголовка таблицы. В отличие от обычной td, она сообщает, что её текст описывает другие ячейки. Поэтому замена td на th выбирается по смыслу, а не только ради стандартного жирного шрифта.
Для простой таблицы укажите направление связи через scope. Например, <th scope="col">Город</th> является заголовком столбца, а <th scope="row">Самара</th> может обозначать заголовок конкретной строки. Такая разметка помогает понимать данные при чтении без постоянного визуального сравнения координат.
Ячейку th помещают внутрь tr, как другие ячейки. Не ставьте её непосредственно вместо целой строки и не создавайте отдельный заголовок обычным абзацем рядом с таблицей, рассчитывая на ту же связь. Внешнее расположение текста не всегда позволяет программе понять назначение заголовка.
Для простых таблиц достаточно ясной структуры и корректных scope. У сложных многоуровневых заголовков могут понадобиться более точные связи через id и headers. Не добавляйте их механически, не понимая сетку: неверное описание способно сделать чтение запутаннее, чем исходная простая структура.
Внешний вид задаётся CSS. Заголовок может быть не жирным и всё равно оставаться th, а жирная td не становится заголовком автоматически. Сначала определите, что обозначают строки и столбцы, затем назначьте ячейки заголовков.
Проверьте несколько значений таблицы: для каждого должно быть понятно, какие заголовки объясняют его смысл. Если приходится постоянно гадать, лучше упростить структуру или разделить слишком сложную таблицу. Используйте th для настоящих данных с заголовками, а не ради построения декоративного макета страницы.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
4.1 Fast
4.1 Fast
Th html что это?
th— заголовочная ячейка таблицы. Она описывает связанные данные, тогда какtdхранит обычное значение. Для простого заголовка столбца подходит<th scope="col">Город</th>, для заголовка строки —scope="row". Элемент находится внутри tr. Обычно браузер выделяет th жирным, но оформление можно изменить CSS, не теряя его смысла. И наоборот, жирная td сама по себе не становится заголовком. У сложных таблиц может потребоваться связь через id и headers, однако сначала лучше построить ясную сетку и проверить, какие названия относятся к каждому значению. Не используйте th просто как способ сделать крупную надпись: его назначение связано именно со структурой таблицы и пониманием данных.