Элемент <th>

Элемент <th> (от англ. table header cell — ячейка заголовка таблицы) предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру. Элемент <th> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри <table>.

Синтаксис

<table>
  <tr>
    <th>...</th>
  </tr>
</table>

Атрибуты

abbr
Краткое описание содержимого ячейки.
colspan
Объединяет горизонтальные ячейки.
headers
Позволяет связать ячейки таблицы с заголовками в речевых браузерах.
rowspan
Объединяет вертикальные ячейки.
scope
Позволяет связать ячейки простой таблицы с заголовками в речевых браузерах.

Также для этого элемента доступны универсальные атрибуты и события.

Устаревшие атрибуты

align
Определяет выравнивание содержимого ячейки по горизонтали.
axis
Группирует ячейки связанные между собой похожей информацией.
background
Задает фоновый рисунок в ячейке.
bgcolor
Цвет фона ячейки.
bordercolor
Цвет рамки.
char
Выравнивает содержимое ячейки по заданному символу.
charoff
Смещает содержимое ячейки относительно заданного символа.
height
Высота ячейки.
nowrap
Запрещает перенос строк.
valign
Выравнивание содержимого ячейки по вертикали.
width
Ширина ячейки.

Устаревшие атрибуты — это атрибуты элементов HTML, которые были частью предыдущих версий HTML, но больше не поддерживаются в последних версиях стандарта. Использование таких атрибутов не рекомендуется, поскольку они противоречат современной идеологии HTML и могут не поддерживаться последними версиями браузеров.

Добавлять к элементам HTML устаревшие атрибуты не надо, взамен применяются стили или другие элементы HTML.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>TH</title> <style> table { width: 100%; /* Ширина таблицы */ } td, th { border: 1px solid #333; /* Параметры рамки */ } td { text-align: center; /* Выравнивание по центру */ } </style> </head> <body> <table> <tbody> <tr> <th></th> <th>Леонардо</th> <th>Рафаэль</th> <th>Донателло</th> <th>Микеланджело</th> </tr> <tr> <th>Повязка</th> <td>Синяя</td> <td>Красная</td> <td>Фиолетовая</td> <td>Оранжевая</td> </tr> <tr> <th>Оружие</th> <td>Катаны</td> <td>Саи</td> <td>Посох бо</td> <td>Нунчаки</td> </tr> </tbody> </table> </body> </html>

Результат данного примера показан на рис. 1.

Использование элемента <th>

Рис. 1. Использование элемента <th>

Спецификация

Браузеры

3 12 1 3.5 1 1
4.4 4 6 1

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.
Таблицы