首页
学习
活动
专区
工具
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)

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com