HTML <td> 元素

HTML <td> 元素定义了包含数据的表格的单元格。它属于表格模型的一部分。

一个简单的 HTML 表格，带有两个单元格：

<table>
  <tr>
    <td>单元格 A</td>
    <td>单元格 B</td>
  </tr>
</table>

尝试一下 »

特性

内容类别	无。
允许的内容	流式内容。
标签省略	必须有开始标签。如果紧随其后的是 <th> 或 <td> 元素，或者其父元素中没有更多数据，则可以省略结束标签。
允许的父元素	<tr> 元素。
允许的 ARIA 角色	任意
DOM 接口	HTMLTableDataCellElement

属性

该元素包含了全局属性。

abbr

已过时 HTML5

该属性包含单元格内容的简短说明。某些用户代理（如语音阅读器）可能会在内容本身之前展示该说明。

注意： 不要使用该属性，因为它在最新标准中已过时。请考虑使用 title 属性。

align

已废弃 HTML4.01, 已过时 HTML5

该枚举属性指定如何处理每个单元格内容的水平对齐。可能的值是：

• left，将内容对齐到单元格的左侧
• center，将内容对齐到单元格的中间
• right，将内容对齐到单元格的右边
• justify，在文本内容中插入空格以便内容在单元格左右对齐
• char，通过 char 和 charoff 定义的最小偏移量，将特定字符的文本内容对齐未实现 (查看 Mozilla bug 2212)。

如果未设置该属性，则默认是 left 值。

注意： 不要使用该属性，因为它在最新标准中已过时（不支持）。

• 要实现与 left ，center，right 或 justify 值相同的效果，请使用 CSS text-align 属性。
• 在 CSS3 中，要实现与 char 值相同的效果，可以使用 char 的值作为 text-align 属性未实现。

axis

已过时 HTML5

该属性由空格分隔的字符串组成。每个字符串对应于应用于该元素的 <th> 元素的 id 属性。

注意： 不要使用该属性，因为它在最新标准中已过时。请考虑使用 scope 属性。

bgcolor

非标准

该属性定义了列的每个单元格的背景颜色。它是 sRGB 中定义的 6 位十六进制代码之一，以 '#' 为前缀。也可以使用十六种预定义颜色字符串中的一种：

	black = "#000000"		green = "#008000"
	silver = "#C0C0C0"		lime = "#00FF00"
	gray = "#808080"		olive = "#808000"
	white = "#FFFFFF"		yellow = "#FFFF00"
	maroon = "#800000"		navy = "#000080"
	red = "#FF0000"		blue = "#0000FF"
	purple = "#800080"		teal = "#008080"
	fuchsia = "#FF00FF"		aqua = "#00FFFF"

使用说明： 不要使用该属性，因为它是非标准的，只在一些版本的 Microsoft Internet Explorer 中实现了。<td> 元素应该使用 CSS 来设置样式。要实现与类似 bgcolor 属性的效果，可以在相关的 <td> 元素上设置 background-color 属性。

char

已废弃 HTML4.01, 已过时 HTML5

该属性用于指定字符来对齐单元格中的内容。典型的值包括使用一个点号（.）来尝试调整数字或货币值。如果 align 未设置为 char，则该属性将被忽略。

说明： 不要使用该属性，因为它在最新标准中已过时（不支持）。在 CSS3 中，要实现与 char 相同的效果，可以使用 char 属性的值作为 text-align 属性的值。未实现

charoff

已废弃 HTML4.01, 已过时 HTML5

该属性用于指示从 char 属性指定的对齐字符中偏移的字符数。

说明： 不要使用该属性，因为它在最新标准中已过时（不支持）。

colspan

该属性包含一个非负整数值，用于表示单元格扩展的列数。它的默认值是 1。大于 1000 的值将被视为不正确，并将被设置为默认值（1）。

headers

该属性由空格分隔的字符串组成，每个字符串对应于应用于该元素的 <th> 元素的 id 属性。

rowspan

该属性包含一个非负整数值，用于表示单元格延伸的行数。它的默认值是 1；如果它的值设置为 0，则单元格将扩展到表格部分的最后一个元素（<thead>，<tbody> 或 <tfoot>）。值高于 65534 的话会被减少为 65534。

scope

已过时 HTML5

该枚举属性定义了表头元素关联的单元格。它可能有以下值：

• row：表头关联一行中所有的单元格。
• col：表头关联一列中所有的单元格。
• rowgroup：表头属于一个行组并与其中所有单元格相关联。这些单元格可以被放在表头的左侧或右侧，取决于 <table> 元素中 dir 属性的值 。
• colgroup：表头属于一个列组并与其中所有单元格相关联。
• auto

valign

已废弃 HTML4.01, 已过时 HTML5

该属性指定了表格标题的每行单元格内文本的垂直对齐方式。该属性的可能值为：

• baseline，将文本尽可能接近单元格的底部，但将其对准在字符的基线上，而不是它们的底部。如果字符大小一致，它与 bottom 的效果相同；
• bottom，将文本尽可能靠近单元格底部；
• middle，将文本在单元格中居中；
• top，将文本尽可能靠近单元格的顶部。

说明： 不要使用该属性，因为它在最新标准中已过时（不支持）。改为在其上设置 CSS vertical-align 属性。

width

已废弃 HTML4.01, 已过时 HTML5

该属性用于定义推荐的单元格宽度。除此之外，cellspacing 和 cellpadding 属性也可能会增加额外宽度，<col> 元素的宽度也可能有一些效果。通常，如果列的宽度太窄而无法正确显示某个特定单元格，则显示时该单元格以及其中的单元格可能会变宽。

说明： 请勿在最新标准中使用该属性：请改为设置 CSS width 属性。

事件属性

<td> 元素支持 HTML 的事件属性。

使用说明

• <td> 元素定义 HTML 表格中的标准单元格；
• HTML 表格有两种单元格类型：
  • 表头单元格 - 包含头部信息（由 <th> 元素创建），<th> 元素中的文本通常呈现为粗体并且居中；
  • 标准单元格 - 包含数据（由 元素创建），<td> 元素中的文本通常是普通的左对齐文本；
• 如果需要将内容横跨多个行或列，请使用 colspan 和 rowspan 属性。

更多实例

有关 <td> 的实例，请参阅 <table> 页面。

规范

规范	状态	备注
HTML Living Standard td element 的定义	现行的标准	-
HTML5 td element 的定义	推荐	-

桌面浏览器兼容性

移动浏览器兼容性

1. 查看 bug 915

2. 查看 bug 2212

相关链接

• 其他表格相关的 HTML 元素: <caption>，<col>，<colgroup>，<table>，<tbody>，<tfoot>，<th>，<thead>，<tr>。
• HTML 教程：HTML 表格
• HTML DOM 参考手册： Td 对象