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

th

HTML<th>元素定义表格内的表头单元格。这个组的确切性质是由scope=和headers属性定义的。

内容类别

没有。

允许的内容

Flow content, but with no header, footer, sectioning content, or heading content descendants.

标记遗漏

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

允许父级

一个<tr>元素。

允许ARIA角色

任何

DOM接口

HTMLTableHeaderCellElement

属性

这个元素包含全局属性。

abbrHTML5中

此属性包含单元格内容的简短说明。用户代理(例如,语音阅读器)可以出现在描述之前。

用法注意:不要使用这个属性,因为它在最新的标准中已经过时了。或者,您可以将缩写说明放在单元格中,并将长内容放置在title属性中。

alignHTML 4中,在HTML5中此枚举属性指定如何处理单元格内容的水平对齐。可能的值是:

  • left: 单元格内容左对齐

  • center: 单元格内容居中

  • right:  单元格内容右对齐

  • justify (仅文字内容): 内容拉伸以覆盖单元格

  • char (仅文字内容): 内容相对<th>标签中的某个字符对齐(默认值是页面语言的小数点字符)。该字符由charcharoff 属性定义。

该属性未指定时的默认值是left

用法注意:不要使用此属性,因为它在最新标准中已经过时。

  • 为了实现作为同样的效果leftcenterrightjustify值的CSS应用text-align属性的属性。
  • 要达到与该char值相同的效果,请给该text-align属性使用相同的值char。在CSS3中未实现。

axisHTML5中该属性包含空格分隔字符串的列表。每个字符串都是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的某些版本中实现:<th>元素应该使用CSS进行样式化。要创建类似的效果,请使用CSS中background-color属性。

charHTML 4中,在HTML5中列的内容与<th>元素中的字符对齐。典型值包括一个句点(。)以对齐数字或货币值。如果align未设置char,则忽略此属性。

用法注意:不要使用此属性,因为最新标准不再支持该属性。为了达到同样的效果,可以将字符指定为属性的第一个值text-align,在CSS3中未实现。

charoffHTML 4中,在HTML5中该属性用于将列数据移动到由char属性指定的字符的右侧。它的值指定了这个转换的长度。

用法注意:不要使用此属性,因为最新标准不再支持该属性。

colspan该属性包含一个正整数值,表示一个单元格被扩展了多少列。它的默认值是1.如果它的值被设置为0,单元格被扩展到最后一个元素<colgroup>。大于1000的值被剪裁到1000.

headers该属性包含一个由空格分隔的字符串的列表,每个字符串对应于与该元素相关id的其他<th>元素的属性。

rowspan该属性包含一个正整数值,用于指示单元格扩展的行数。其缺省值是1.如果它的值被设定为0,该单元被延伸到该表段的最后一个元素(<thead><tbody><tfoot>)。高于65534的值被剪裁到65534。

scope这个枚举属性定义了头<th>元素(在元素中定义的)所涉及的单元格。它可能有以下值:

  • row:标题涉及它所属的行的所有单元格。
  • col:标题涉及它所属的列的所有单元格。
  • rowgroup:标题属于一个行组,并涉及到它的所有单元格。这些单元格可以放置在标题的右侧或左侧,具体取决于元素中dir属性的值<table>
  • colgroup:标题属于一个colgroup并且涉及到它的所有单元格。
  • auto

valignHTML 4中,在HTML5中此属性指定文本在单元格内如何垂直对齐。这个属性的可能值是:

  • baseline:将文本放置在单元格底部附近,并将其与字符的基线而不是底部对齐。如果字符不下降到基线以下,则基线值达到与“基准”相同的效果bottom
  • bottom:将文本放置在单元格底部附近。
  • middle:将文本居中在单元格中。
  • top:将文本放置在单元格顶部附近。

用法注意:不要使用此属性,因为最新标准不再支持该属性:请改用CSS vertical-align属性。

width 在HTML 4.01中该属性用于定义推荐的单元格宽度。额外的空间可以添加cellspacingcellpadding属性,<col>元素的宽度也可以创建额外的宽度。但是,如果列的宽度太窄,无法正确显示特定的单元格,则会在显示时展宽。

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

例子

See <table> for examples on <th>.

规范

Specification

Status

Comment

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

Living Standard

HTML5The definition of 'th 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)

扫码关注腾讯云开发者

领取腾讯云代金券