The thead HTML tag means table head, and is an optional tag which can enclose the top row of a table to define the cells as column headers.
Use it whenever you have a table where the top row consists of column headings which describe the data below.
The thead tag may be included within any table tag, and it must come directly after the opening <table> tag. It encloses the first row of a table, and contains <th> column header cells, which define the data in the <td> table data cells below.
You should use <thead> when your table requires column headers to define the type of data in that column. For example you might have a column containing a list of products, and a column containing a list of prices, so you would use a <thead> tag around the first row, with column headers Product and Price.
It’s valid in all current versions of HTML and xHTML, and it should always have a closing </thead> tag.
The <thead> section comes after the <caption> and before the first <tbody>.
It is possible to have several <thead> sections inserted in the table, which may be useful in long tables.
Do you love our approach to crafting simple & effective web sites that just work for people?
We'd love to hear about your web strategy.
Contact one of our team today!
Sign up for my regular newsletter to keep updated on everything I'm doing and thinking about in web design.
