Тег <th>

Описание

Тег <th> (table header) определяет ячейку-заголовок в HTML-таблице. В отличие от <td>, он семантически обозначает заголовок столбца или строки, обычно выделяясь жирным начертанием и центрированием по умолчанию.

Базовый синтаксис:
<table> <tr> <th>Заголовок столбца</th> <th scope="col">Ещё заголовок</th> </tr> <tr> <th scope="row">Заголовок строки</th> <td>Данные</td> </tr> </table>

Рекомендации по использованию:

  • Всегда указывайте атрибут scope для доступности
  • Для сложных таблиц используйте headers и id
  • Избегайте пустых заголовочных ячеек
  • Для многоуровневых заголовков применяйте colspan/rowspan
  • Не используйте только для визуального выделения (применяйте CSS)

Тег <th> является ключевым элементом доступных и семантически правильных таблиц, обеспечивая четкую структуру данных и улучшая пользовательский опыт.

Атрибуты

colspan Объединение столбцов
rowspan Объединение строк
headers Связанные заголовки
scope Область действия
abbr Сокращенный заголовок
align Горизонтальное выравнивание
axis Категория ячейки
bgcolor Цвет фона
char Символ выравнивания
charoff Смещение выравнивания
height Высота ячейки
nowrap Запрет переноса
valign Вертикальное выравнивание
width Ширина ячейки
accesskey Горячая клавиша
class CSS-классы
contenteditable Редактируемость
data-* Пользовательские данные
dir Направление текста
hidden Скрытый элемент
id Уникальный идентификатор
lang Язык содержимого
style Инлайновые стили
tabindex Порядок фокусировки
title Всплывающая подсказка
translate Возможность перевода
role ARIA-роль
aria-* ARIA-атрибуты

Поддержка браузерами
3.0 1.0 1.0 1.0 1.0