HTML 元素<tfoot>
定义了一组表格中各列的汇总行。
内容类别 | 无。 |
---|---|
允许的内容 | 0或多个<tr> 元素。 |
标签省略 | 开始标签是必需的。.在父元素 <table> 没有后续内容的情况下,结束标签可被省略。 |
允许的父元素 | <table> 元素。<tfoot> 必须出现在一个或多个 <caption> ,<colgroup> ,<thead> , <tbody> ,或 <tr> 元素之后。 注意这是自 HTML5 起有的要求。HTML 4 <tfoot> 元素不能放在任何 <tbody> 或 <tr> 元素之后。注意,这与上述HTML5的标准相冲突。 |
Permitted ARIA roles | 任意。 |
DOM 接口 | HTMLTableSectionElement |
属性
此元素包含 全局属性.
align
in HTML 4, in HTML5-
此枚举属性指定每个单元格内容所使用的水平对齐方式。可选值为:
left
,单元格内容左对齐center
,单元格内容居中对齐right
,单元格内容右对齐justify
,插入空白调整单元格中的文本内容(译者注:即两端对齐)char
,将文本内容与一个具有最小偏移量的特定字符对齐,字符和偏移量分别由char
和charoff
属性定义。未实现 (查看 bug 2212).
若此值未设置,则假定为
left
。Note: 此属性在最新标准中已被废弃(不支持),所以请勿使用。
- 为达到与
left
,center
,right
或justify
相同的效果,请使用CSStext-align
属性。 - 为达到与char值相同的效果,在CSS3中可将
char
的值用作text-align
的属性值未实现。
bgcolor
- 此属性定义了列内单元格的背景色。定义此属性使用'#'作为前缀,其后是定义于sRGB的6位十六进制码。
也可使用以下16种预定义的色彩字符串之一:
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"
charoff
in HTML 4, in HTML5- 此属性用作表明列内数据对于对齐基准字符的偏移字符数,对其基准字符由
char
属性指定。Note: 请勿使用此属性,因为在最新标准中此属性被废弃(且不受支持)。
valign
in HTML 4, in HTML5- 此属性指定表头(译者注:英文原文为table header,疑似错误)中每一行内的文本的垂直对齐方式。此属性的可选值为:
baseline
,会使文本尽可能接近单元格底部,但并不向底部对齐,而将它们以字符基线对齐。如果所有字符的大小相同,此值与bottom
的效果相同;bottom
,设置文本向下对齐;middle
,设置文本居中对齐;- and
top
,设置文本向上对齐。
Note: 请勿使用此属性,因为在最新标准中此属性被废弃(且不受支持):使用CSS属性vertical-align
作为替代。
示例
请查看<table>
页面中<tfoot>
的相关示例。
规范
Specification | Status | Comment |
---|---|---|
HTML Living Standard tfoot element |
Living Standard | |
HTML5 tfoot element |
Recommendation |
浏览器兼容性
BCD tables only load in the browser
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
参见
- 其他table相关的HTML元素:
<caption>
,<col>
,<colgroup>
,<table>
,<tbody>
,<td>
,<tbody>
,<th>
,<thead>
,<tr>
; - 在设计
<tfoot>
时可能会有特殊效果的CSS属性和伪类::nth-child
伪类:设置列内元素的对齐方式;text-align
属性:可设置单元格内容与同一字符对齐,例如'.'。