HTML `<td>` 标签

说明

<td>（表格数据的缩写）标签定义表格中的数据单元格。一个表格单元格可能包含两种类型的信息：标题信息和数据。

<th> 元素定义了一个包含标题信息的单元格。
<td> 元素定义了一个包含数据的单元格。

这种区别使 Web 浏览器能够清楚地呈现标题和数据单元格，即使在没有样式表的情况下也是如此。例如，标题单元格文本以粗体呈现，而数据单元格内的文本呈现为常规文本。

下表总结了此标签的使用上下文和版本历史。

Parent:	`<tr>`
Content:	块、内联和文本
开始/结束标签：	开始标签： required, 结束标签：required
版本：	HTML 3.2, 4, 4.01, 5

语法

<td> 标签的基本语法如下：

HTML / XHTML: <td> ... </td>

下面的示例显示了 <td> 标签的作用。

示例

Try this code »

<table>
    <tr>
        <th>No.</th>
        <th>Name</th>
        <th>Email</th>
    </tr>
    <tr>
        <td>1</td>
        <td>John Carter</td>
        <td>johncarter@mail.com</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Peter Parker</td>
        <td>peterparker@mail.com</td>
    </tr>
    <tr>
        <td>3</td>
        <td>John Rambo</td>
        <td>johnrambo@mail.com</td>
    </tr>
</table>

标签特定属性

下表显示特定于 <td> 标签的属性。

属性	值	说明
`abbr`	text	Obsolete 提供单元格内容的简短描述。
`align`	`left right center justify char`	Obsolete 指定单元格内容的对齐方式。
`axis`	text	Obsolete 对表格单元格进行分类。
`bgcolor`	color	Obsolete 设置表格单元格的背景颜色。
`char`	character	Obsolete 设置单元格内容应对齐的字符。
`charoff`	number	Obsolete 定义单元格内容将从 char 属性指定的对齐字符偏移的字符数。
`colspan`	number	指定当前单元格跨越的列数。
`headers`	header-id	指定一个或多个与单元格相关的标题单元格。
`height`	length	Obsolete 设置表格单元格的高度。
`nowrap`	`nowrap`	Obsolete 此布尔属性告诉浏览器禁用此单元格的自动文本换行。
`rowspan`	number	指定当前单元格跨越的行数。
`scope`	`col colgroup row rowgroup`	Obsolete 指定一种将表格中的标题单元格和数据单元格关联起来的方法。
`valign`	`top middle bottom baseline`	Obsolete 指定表格单元格内内容的垂直对齐方式。
`width`	length	Obsolete 设置表格单元格的宽度。

全局属性

与所有其他 HTML 标签一样， <td> 标签支持 HTML5 中的全局属性。

事件属性

<td> 标签还支持 HTML5 中的事件属性。

浏览器兼容性

所有主要的现代浏览器都支持 <td> 标签。

基本支持—

Firefox 1+
Google Chrome 1+
Internet Explorer 2+
Apple Safari 1+
Opera 4+

进一步阅读

请参阅以下教程： HTML 表格.

其他与表格相关的标签： <table>, <thead>, <tfoot>, <tbody>, <caption>, <colgroup>, <col>, <tr>, <th>.

HTML <td> 标签

说明

语法

示例