<td>: элемент ячейки таблицы данных
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
HTML-элемент <td>
определяет ячейку таблицы которая содержит данные. Участвует в табличной модели.
Категория контента | None. |
---|---|
Допустимое содержимое | Содержимое поток. |
Пропуск тега | Начальный тег обязательный. Закрывающий тег может быть пропущен, если сразу за ним следует элемент <th> или <td> , или если больше нет данных в его родительском элементе. |
Допустимые родители | Элемент <tr> . |
Допустимые ARIA-роли | Любые |
DOM-интерфейс | HTMLTableDataCellElement |
Атрибуты
Этот элемент содержит глобальные атрибуты.
abbr
-
Этот аргумент содержит краткое описание содержимого в ячейке. Некоторые устройства для чтения могут подставлять это описание перед самим содержимым ячейки.
Примечание: Не используйте этот атрибут, поскольку он устарел в последнем стандарте. Вместо этого рассмотрите возможность использования атрибута title.
align
Устарело-
Это перечисляемый атрибут указывает каким будет горизонтальное выравнивание содержимого каждой ячейки. Возможные значения:
left
,center
,right
,justify
иchar
(выравнивает текстовое содержимое по заданному символу с минимальным смещением, определяемым атрибутамиchar
иcharoff
). Используйте CSS свойствоtext-align
вместо этого атрибута, так как он устарел. axis
-
Этот атрибут включает список строк разделённых пробелами. Каждая строка это ID группы ячеек которой соответствует этот заголовок.
Примечание: Не используйте этот атрибут, он устарел в последней версии стандарта: вместо этого используйте атрибут
scope
. bgcolor
Non-standard-
Этот атрибут определяет цвет фона ячейки. Значением задаётся 6-значными шестнадцатеричными кодами как определено в sRGB, с префиксом '#'. Можно также использовать предопределённые цветовые строки.
Примечание: Не используйте этот атрибут, поскольку он нестандартный: элемент
<td>
должен быть стилизован с помощью CSS. Чтобы получить аналогичный эффект как атрибут bgcolor, используйте CSS свойствоbackground-color
. char
Устарело-
Этот атрибут используется для определения символа по которому происходит выравнивание в ячейке. Типичный случай когда для него задают значение периода (.) когда необходимо выровнять числовые или денежные значения. Если
align
не задан. то атрибутchar
игнорируется. charoff
Устарело ,-
Этот атрибут атрибут включает количество символов на которое смещаются при выравнивании данные от установленного char атрибута.
Примечание: Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта.
colspan
-
Этот атрибут содержит положительное целое число указывающее сколько столбцов необходимо объединить. По умолчанию значение равно
1
. Значения больше 1000 будет считаться некорректным и будет использовать значение по умолчанию (1). headers
-
Этот атрибут содержит список срок разделённых пробелами, каждая соответствует id атрибуту
<th>
элементов которые использует этот элемент. rowspan
-
Этот атрибут содержит положительное целое число указывающее какое количество строк необходимо объединить. По умолчанию значение равно
1
; Если его значение0
, тогда его действие распространяется до конца табличной секции (<thead>
,<tbody>
,<tfoot>
, даже если неявно определено чему ячейка принадлежит. Значения выше 65534 сокращаются до 65534. valign
Устарело-
Этот атрибут определяет вертикальное выравнивание текста в ячейке. Возможные значения атрибута:
-
baseline
, поместит текст ближе к нижней части ячейки, но выровняет его по базовой линии символов, а не нижней линии. Если все символы одного размера, тогда имеет такой же эффект какbottom
. -
bottom
, поместит текст как можно ближе к нижней части ячейки -
middle
, выравнивает текст по центру ячейки -
и
top
, который будет выравнивать текст как можно ближе к верхней части ячейки.
Примечание: Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта: вместо этого используйте CSS-свойство
vertical-align
. -
width
Устарело-
Этот атрибут устанавливает рекомендуемую ширину ячейки. Свойства cellspacing и cellpadding могут добавить дополнительное пространство и ширина элемента
<col>
может иметь некоторый эффект. Обычно если ширина столбца слишком узкая чтобы показать конкретную ячейку должным образом, она может быть расширена при отображении.Примечание: Не используйте этот атрибут, он устарел в последней версии стандарта: вместо этого используйте CSS-свойство
width
.
Примеры
Смотрите страницу <table>
с примерами <td>
.
Спецификации
Specification |
---|
HTML Standard # the-td-element |
Совместимость с браузерами
BCD tables only load in the browser