HTML <thead> Tag.


An HTML table with a <thead>, <tfoot>, and a <tbody> element :


Definition and Usage

The <thead> tag is used to group header content in an HTML table.

The <thead> element is used in conjunction with the <tbody> and <tfoot> elements to specify each part of a table (header, body, footer).

Browsers can use these elements to enable scrolling of the table body independently of the header and footer. Also, when printing a large table that spans multiple pages, these elements can enable the table header and footer to be printed at the top and bottom of each page.

The <thead> tag must be used in the following context: As a child of a <table> element, after any <caption>, and <colgroup> elements, and before any <tbody>, <tfoot>, and <tr> elements.

Browser Support

The numbers in the table specify the first browser version that fully supports the element.

Element Chrome Internet Explorer Firefox Safari Opera
<thead> Yes Yes Yes Yes Yes

Tips and Notes

Note : The <thead> element must have one or more <tr> tags inside.

Tip : The <thead>, <tbody>, and <tfoot> elements will not affect the layout of the table by default. However, you can use CSS to style these elements.

Differences Between HTML 4.01 and HTML5

None of the HTML 4.01 attributes are supported in HTML5..


Attribute Value Description
align right
Not supported in HTML5.
Aligns the content inside the <thead> element
char character Not supported in HTML5.
Aligns the content inside the <thead> element to a character
charoff number Not supported in HTML5.
Sets the number of characters the content inside the <thead> element will be aligned from the character specified by the char attribute
valign top
Not supported in HTML5.
Vertical aligns the content inside the <thead> element

Default CSS Settings

Most browsers will display the <th> element with the following default values :

    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;