在此页

• 属性
• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

HTML <thead> element defines a set of rows defining the head of 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 the <thead> element is immediately followed by a <tbody> or <tfoot> 元素。
Permitted parents	A <table> element. The <thead> must appear after any <caption> or <colgroup> element, even implicitly defined, but before any <tbody> , <tfoot> and <tr> 元素。
Implicit ARIA role	rowgroup
Permitted ARIA roles	任何
DOM 接口	HTMLTableSectionElement

属性

此元素包括 全局属性 .

Deprecated attributes

align in HTML 4 , in 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 in some versions of Microsoft Internet Explorer: the <thead> 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 in HTML 4 , in 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 in HTML 4 , in 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 in HTML 4 , in 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;
• 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> for examples on <thead> .

规范

规范	状态	注释
HTML 实时标准 The definition of 'thead element' in that specification.	实时标准
HTML5 The definition of 'thead 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
thead	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 ?

图例

完整支持

完整支持

不支持

不支持

兼容性未知 ?

兼容性未知

弃用。不要用于新网站。

弃用。不要用于新网站。

见实现注意事项。

见实现注意事项。

另请参阅

• Other table-related HTML Elements: <caption> , <col> , <colgroup> , <table> , <tbody> , <td> , <tfoot> , <th> , <tr> ;
• CSS properties and pseudo-classes that may be specially useful to style the <thead> 元素：
  • the :nth-child pseudo-class to set the alignment on the cells of the column;
  • the text-align property to align all cells content on the same character, like '.'.

元数据

• 最后修改： Jul 7, 2020

相关话题

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>