th
HTML<th>
元素定义表格内的表头单元格。这个组的确切性质是由scope=和headers属性定义的。
内容类别 | 没有。 |
---|---|
允许的内容 | Flow content, but with no header, footer, sectioning content, or heading content descendants. |
标记遗漏 | 开始标记是强制性的。如果紧跟着一个<th>或<td>元素,或者在其父元素中没有更多的数据,则可以省略结束标记。 |
允许父级 | 一个<tr>元素。 |
允许ARIA角色 | 任何 |
DOM接口 | HTMLTableHeaderCellElement |
属性
这个元素包含全局属性。
abbr
在HTML5中
此属性包含单元格内容的简短说明。用户代理(例如,语音阅读器)可以出现在描述之前。
用法注意:不要使用这个属性,因为它在最新的标准中已经过时了。或者,您可以将缩写说明放在单元格中,并将长内容放置在title属性中。
left
: 单元格内容左对齐
center
: 单元格内容居中
right
: 单元格内容右对齐
justify
(仅文字内容): 内容拉伸以覆盖单元格
该属性未指定时的默认值是left
。
用法注意:不要使用此属性,因为它在最新标准中已经过时。
- 为了实现作为同样的效果
left
,center
,right
或justify
值的CSS应用text-align
属性的属性。
- 要达到与该
char
值相同的效果,请给该text-align
属性使用相同的值char
。在CSS3中未实现。
axis
在HTML5中该属性包含空格分隔字符串的列表。每个字符串都是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
属性。
用法注意:不要使用此属性,因为最新标准不再支持该属性。为了达到同样的效果,可以将字符指定为属性的第一个值text-align
,在CSS3中未实现。
用法注意:不要使用此属性,因为最新标准不再支持该属性。
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
baseline
:将文本放置在单元格底部附近,并将其与字符的基线而不是底部对齐。如果字符不下降到基线以下,则基线值达到与“基准”相同的效果bottom
。
bottom
:将文本放置在单元格底部附近。
middle
:将文本居中在单元格中。
top
:将文本放置在单元格顶部附近。
用法注意:不要使用此属性,因为最新标准不再支持该属性:请改用CSS vertical-align
属性。
width
在HTML 4.01中该属性用于定义推荐的单元格宽度。额外的空间可以添加cellspacing和cellpadding属性,<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) |
本文档系腾讯云开发者社区成员共同维护,如有问题请联系 cloudcommunity@tencent.com