HTML <thead> Tag

Description

The <thead> HTML element is intended to store one or more rows that are presented at the top of the table. It is permissible to use no more than one <thead> element within the same table, and it must go in the source code immediately after the opening <table> or <caption> tag (if any).

Properties

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> element

Content

<tr>

Start/End Tags

Start tag: required, End tag: required

Example

<table border = "1">

  <thead>

    <tr><td colspan="2">Table Header (thead)</td></tr>

  </thead>

  <tfoot>

    <tr><td colspan="2">Table Footer (tfoot)</td></tr>

  </tfoot>

  <tbody>

    <tr>

      <td>Cell 1</td>

      <td>Cell 2</td>

    </tr>

    <tr>

      <td>Cell 3</td>

      <td>Cell 4</td>

    </tr>

    <tr>

      <td>Cell 5</td>

      <td>Cell 6</td>

    </tr>

  </tbody>

</table>

Attributes

Global Attributes

The <thead> tag also supports the Global Attributes in HTML5

Event Attributes

The <thead> tag also supports the Event Attributes in HTML5

Browser Support

Desktop
Yes	Yes	1	1	Yes	Yes
Tablets / Mobile
Yes	Yes	4	Yes	Yes	Yes

Last updated by CSSPortal on: 6th December 2019