就业培训     下载中心     Wiki     联络
登录   注册
  1. 首页
  2. HTML
  3. HTML 元素参考
  4. <tfoot>: The Table Foot element

在此页

HTML <tfoot> element defines a set of rows summarizing the columns of the table.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

内容类别 None.
准许内容 Zero or more <tr> 元素。
Tag omission The start tag is mandatory. The end tag may be omitted if there is no more content in the parent <table> 元素。
Permitted parents A <table> element. The <tfoot> must appear after any <caption> , <colgroup> , <thead> , <tbody> ，或 <tr> element. Note that this is the requirement as of HTML5.
HTML 4 <tfoot> element cannot be placed after any <tbody> and <tr> element. Note that this directly contradicts the above normative requirement from HTML5.
Implicit ARIA role rowgroup
Permitted ARIA roles 任何
DOM 接口 HTMLTableSectionElement

属性

此元素包括 全局属性 .

Deprecated attributes

align Deprecated since HTML4 Obsolete since HTML5
This enumerated attribute specifies how horizontal alignment of each cell content will be handled. Possible values are:
  • left , aligning the content to the left of the cell
  • center , centering the content in the cell
  • right , aligning the content to the right of the cell
  • justify , inserting spaces into the textual content so that the content is justified in the cell
  • char , aligning the textual content on a special character with a minimal offset, defined by the char and charoff 属性 Unimplemented (see bug 2212 ) .

If this attribute is not set, the left value is assumed.

注意： Do not use this attribute as it is obsolete (not supported) in the latest standard.
  • To achieve the same effect as the left , center , right or justify values, use the CSS text-align property on it.
  • To achieve the same effect as the char value, in CSS3, you can use the value of the char as the value of the text-align property Unimplemented .
bgcolor
This attribute defines the background color of each cell of the column. It is one of the 6-digit hexadecimal code as defined in sRGB , prefixed by a '#'. One of the sixteen predefined color strings may be used:
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"
Usage note: Do not use this attribute, as it is non-standard and only implemented some versions of Microsoft Internet Explorer: the <tfoot> element should be styled using CSS . To give a similar effect to the bgcolor attribute, use the CSS property background-color , on the relevant <td> or <th> 元素。
char Deprecated since HTML4 Obsolete since HTML5
This attribute is used to set the character to align the cells in a column on. Typical values for this include a period (.) when attempting to align numbers or monetary values. If align is not set to char , this attribute is ignored. 注意： Do not use this attribute as it is obsolete (and not supported) in the latest standard. To achieve the same effect as the char , in CSS3, you can use the character set using the char attribute as the value of the text-align property Unimplemented .
charoff Deprecated since HTML4 Obsolete since HTML5
This attribute is used to indicate the number of characters to offset the column data from the alignment characters specified by the char 属性。 注意： Do not use this attribute as it is obsolete (and not supported) in the latest standard.
valign Deprecated since HTML4 Obsolete since HTML5
This attribute specifies the vertical alignment of the text within each row of cells of the table header. Possible values for this attribute are:
  • baseline , which will put the text as close to the bottom of the cell as it is possible, but align it on the baseline of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as bottom .
  • bottom , which will put the text as close to the bottom of the cell as it is possible;
  • middle , which will center the text in the cell;
  • and top , which will put the text as close to the top of the cell as it is possible.
注意： Do not use this attribute as it is obsolete (and not supported) in the latest standard: instead set the CSS vertical-align property on it.

范例

请参阅 <table> page for examples on <tfoot> .

规范

规范 状态 注释
HTML 实时标准
The definition of 'tfoot element' in that specification. 		实时标准
HTML5
The definition of 'tfoot element' in that specification. 		推荐

浏览器兼容性

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. 更新 GitHub 上的兼容性数据
桌面 移动
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
tfoot Chrome 完整支持 1 Edge 完整支持 12 Firefox 完整支持 1 IE 完整支持 Yes Opera 完整支持 Yes Safari 完整支持 Yes WebView Android 完整支持 Yes Chrome Android 完整支持 Yes Firefox Android 完整支持 4 Opera Android 完整支持 Yes Safari iOS 完整支持 Yes Samsung Internet Android 完整支持 Yes
align 弃用 Chrome ? Edge 完整支持 12 Firefox 不支持 No 注意事项
不支持 No 注意事项
注意事项 见 bug 915
IE 完整支持 Yes Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android 不支持 No 注意事项
不支持 No 注意事项
注意事项 见 bug 915
Opera Android ? Safari iOS ? Samsung Internet Android ?
bgcolor 弃用 Chrome ? Edge ? Firefox 不支持 No IE 完整支持 Yes Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android 不支持 No Opera Android ? Safari iOS ? Samsung Internet Android ?
char 弃用 Chrome ? Edge 完整支持 12 Firefox 不支持 No 注意事项
不支持 No 注意事项
注意事项 见 bug 2212
IE 完整支持 Yes Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android 不支持 No 注意事项
不支持 No 注意事项
注意事项 见 bug 2212
Opera Android ? Safari iOS ? Samsung Internet Android ?
charoff 弃用 Chrome ? Edge 完整支持 12 Firefox 不支持 No 注意事项
不支持 No 注意事项
注意事项 见 bug 2212
IE 完整支持 Yes Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android 不支持 No 注意事项
不支持 No 注意事项
注意事项 见 bug 2212
Opera Android ? Safari iOS ? Samsung Internet Android ?
valign 弃用 Chrome ? Edge 完整支持 12 Firefox 不支持 No 注意事项
不支持 No 注意事项
注意事项 见 bug 915
IE 完整支持 Yes Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android 不支持 No 注意事项
不支持 No 注意事项
注意事项 见 bug 915
Opera Android ? Safari iOS ? Samsung Internet Android ?

图例

完整支持

完整支持

不支持

不支持

兼容性未知 ?

兼容性未知

弃用。不要用于新网站。

弃用。不要用于新网站。

见实现注意事项。

见实现注意事项。

另请参阅

元数据

  • 最后修改：
  1. <caption>
  2. <col>
  3. <colgroup>
  4. <table>
  5. <tbody>
  6. <td>
  7. <tfoot>
  8. <th>
  9. <thead>
  10. <tr>
  11. HTML 元素
    1. A
      1. <a>
      2. <abbr>
      3. <acronym>
      4. <address>
      5. <applet>
      6. <area>
      7. <article>
      8. <aside>
      9. <audio>
    2. B
      1. <b>
      2. <base>
      3. <basefont>
      4. <bdi>
      5. <bdo>
      6. <bgsound>
      7. <big>
      8. <blink>
      9. <blockquote>
      10. <body>
      11. <br>
      12. <button>
    3. C
      1. <canvas>
      2. <caption>
      3. <center>
      4. <cite>
      5. <code>
      6. <col>
      7. <colgroup>
      8. <content>
    4. D
      1. <data>
      2. <datalist>
      3. <dd>
      4. <del>
      5. <details>
      6. <dfn>
      7. <dialog>
      8. <dir>
      9. <div>
      10. <dl>
      11. <dt>
    5. E
      1. <em>
      2. <embed>
    6. F
      1. <fieldset>
      2. <figcaption>
      3. <figure>
      4. <font>
      5. <footer>
      6. <form>
      7. <frame>
      8. <frameset>
    7. G H
      1. <h1>
      2. <h2>
      3. <h3>
      4. <h4>
      5. <h5>
      6. <h6>
      7. <head>
      8. <header>
      9. <hgroup>
      10. <hr>
      11. <html>
    8. I
      1. <i>
      2. <iframe>
      3. <img>
      4. <input>
      5. <ins>
      6. <isindex>
    9. J K
      1. <kbd>
      2. <keygen>
    10. L
      1. <label>
      2. <legend>
      3. <li>
      4. <link>
      5. <listing>
    11. M
      1. <main>
      2. <map>
      3. <mark>
      4. <marquee>
      5. <menu>
      6. <menuitem>
      7. <meta>
      8. <meter>
    12. N
      1. <nav>
      2. <nobr>
      3. <noframes>
      4. <noscript>
    13. O
      1. <object>
      2. <ol>
      3. <optgroup>
      4. <option>
      5. <output>
    14. P
      1. <p>
      2. <param>
      3. <picture>
      4. <plaintext>
      5. <pre>
      6. <progress>
    15. Q
      1. <q>
    16. R
      1. <rp>
      2. <rt>
      3. <rtc>
      4. <ruby>
    17. S
      1. <s>
      2. <samp>
      3. <script>
      4. <section>
      5. <select>
      6. <shadow>
      7. <slot>
      8. <small>
      9. <source>
      10. <spacer>
      11. <span>
      12. <strike>
      13. <strong>
      14. <style>
      15. <sub>
      16. <summary>
      17. <sup>
    18. T
      1. <table>
      2. <tbody>
      3. <td>
      4. <template>
      5. <textarea>
      6. <tfoot>
      7. <th>
      8. <thead>
      9. <time>
      10. <title>
      11. <tr>
      12. <track>
      13. <tt>
    19. U
      1. <u>
      2. <ul>
    20. V
      1. <var>
      2. <video>
    21. W
      1. <wbr>
    22. X Y Z
      1. <xmp>