首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

td

HTML <td> 元素 定义了包含数据的表的一个单元格。它参与表格模型

内容类别

没有。

允许的内容

Flow content.

标记遗漏

开始标记是强制​​性的。如果紧跟着一个<th>或<td>元素,或者在其父元素中没有更多的数据,则可以省略结束标记。

允许的父母

一个<tr>元素。

允许ARIA角色

任何

DOM接口

HTMLTableDataCellElement

属性

这个元素包含全局属性。

abbr

HTML5以来已过时,此属性包含单元格内容的简短缩写描述。某些用户代理(例如语音阅读器)可以在内容本身之前呈现该描述。

注意:不要使用这个属性,因为它在最新的标准中已经过时了:取而代之,要么考虑通过一个独立的缩略内容本身来开始单元格内容,要么使用缩写内容作为单元格内容,并使用长内容作为单元格的描述把它放在title属性中。

align

HTML4.01弃用,自HTML5以来已废弃此枚举属性指定如何处理每个单元格内容的水平对齐。可能的值是:

  • left,将内容对齐到单元格的左侧
  • center,将内容集中在单元格中
  • right,将内容对齐到单元格的右侧
  • justify,在文本内容中插入空格以便内容在单元格中合理
  • char,在一个特殊的字符的文本内容以最小的偏移量,由定义的对准charcharoff属性未实现(参见错误2212)。

如果未设置此属性,则假定该值为left。

注意:不要使用这个属性,因为它在最新的标准中是过时的(不支持)。

  • 为了实现作为同样的效果leftcenterright,或justify值,使用CSS text-align就可以了财产。
  • 为了达到与charCSS3中的值相同的效果,可以使用值的值char作为text-align未实现属性的值。

axisHTML5以来已过时此属性包含空格分隔字符串的列表。每个字符串都是此标头适用的一组单元格的标识。

注意:不要使用这个属性,因为它在最新的标准中已经过时:而是使用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属性一个类似的效果,改用CSS属性background-color

charHTML4.01开始弃用,自HTML5以来已过时此属性用于设置字符以对齐列中的单元格。典型值包括尝试对齐数字或货币值时的句点(。)。如果align未设置char,则忽略此属性。

注意:不要使用这个属性,因为它在最新的标准中是过时的(并且不被支持)。为了达到与charCSS3中相同的效果,可以使用char属性的字符集作为text-align属性Unimplemented 的值。

charoffHTML4.01开始弃用,自HTML5以来已过时此属性用于指示从char属性指定的对齐字符中偏移列数据的字符数

注意:不要使用这个属性,因为它在最新的标准中是过时的(并且不被支持)。

colspan此属性包含一个非负整数值,指示单元格扩展的列数。它的默认值是1。高于1000的值将被视为不正确,并将被设置为默认值(1)。

headers该属性包含空格分隔的字符串列表,每个字符串对应于应用于此元素的元素的id属性<th>

rowspan该属性包含一个非负整数值,指示单元格延伸的行数。它的默认值是1; 如果它的值被设置为0,其延伸直到表部的端部(<thead><tbody><tfoot>,即使隐式定义的,该小区所属的值高于65534被限幅下降到65534。

scope过时于HTML5

valign已过时于HTML4.01,过时由于HTML5该属性指定表头的单元的每一行中的文本的垂直对齐。这个属性的可能值是:

  • baseline,这将把文本尽可能靠近单元格的底部,但将其对齐在字符的基线而不是底部。如果字符的大小相同,则与此效果相同bottom
  • bottom,这将使文本尽可能靠近单元格的底部
  • middle,将文本置于单元格中间。
  • top 这将使文本尽可能靠近单元格的顶部。

注意:不要使用这个属性,因为它在最新的标准中是过时的(并且不被支持):而是vertical-align在其上设置CSS 属性。

widthHTML4.01开始弃用,自HTML5以来已过时

此属性用于定义推荐的单元格宽度。属性cellspacingcellpadding可能会增加额外的空间,而元素的<col>宽度也可能会有一些影响。一般来说,如果列的宽度太窄而不能正确显示某个特定的单元格,那么在显示时就会加宽它的单元格。

注意:不要在最新的标准中使用这个属性:改为设置CSS width属性。

例子

请参阅<table>页面上的例子<td>

规范

Specification

Status

Comment

HTML Living StandardThe definition of 'td element' in that specification.

Living Standard

HTML5The definition of 'td element' in that specification.

Recommendation

浏览器兼容性

Feature

Chrome

Edge

Firefox

Internet Explorer

Opera

Safari

Basic Support

1

(Yes)

1

(Yes)

(Yes)

(Yes)

abbr

1

(Yes)

1

(Yes)

(Yes)

(Yes)

align

?

(Yes)

No1

(Yes)

?

?

axis

1

(Yes)

1

(Yes)

(Yes)

(Yes)

bgcolor

?

No

No

(Yes)

?

?

char

?

(Yes)

No2

(Yes)

?

?

charoff

?

(Yes)

No2

(Yes)

?

?

colspan

1

(Yes)

1

(Yes)

(Yes)

(Yes)

headers

1

(Yes)

1

(Yes)

(Yes)

(Yes)

rowspan

1

(Yes)

1

(Yes)

(Yes)

(Yes)

scope

1

(Yes)

1

(Yes)

(Yes)

(Yes)

valign

?

(Yes)

No1

(Yes)

?

?

width

1

(Yes)

1

(Yes)

(Yes)

(Yes)

Feature

Android

Chrome for Android

Edge mobile

Firefox for Android

IE mobile

Opera Android

iOS Safari

Basic Support

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

abbr

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

align

?

?

(Yes)

No1

(Yes)

?

?

axis

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

bgcolor

?

?

No

No

(Yes)

?

?

char

?

?

(Yes)

No2

(Yes)

?

?

charoff

?

?

(Yes)

No2

(Yes)

?

?

colspan

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

headers

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

rowspan

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

scope

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

valign

?

?

(Yes)

No1

(Yes)

?

?

width

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

扫码关注腾讯云开发者

领取腾讯云代金券