can use two kinds of table cells: the
td can be used for any kind of data, while the
th element is reserved for cells that contain header
information. Despite the word “head,” this element isn’t used exclusively
for a table heading that appears at the top of a table; it can
equally be applied to any other cell in a table.
th element renders the text content it contains
slightly differently from the
td—in the case of the
browsers tested, the rendered style makes the font bold and centered (and
this convention is unlikely to change soon). Centered headings are not
always desirable, though, and you can use the
attribute to override this (or better still, use CSS to change the
As a structural element which
conveys some orientation information about the data that may follow, the
th has some special attributes that reinforce the
relationship between header and data cells, namely the
th defines the two cells in the first row as table
<table summary="Interest Rates" width="400" border="1"> <caption>Interest Rates</caption> <tr> <th>Account Type</th> <th>Interest Rate (%)</th> </tr> <tr> <td>Smart</td> <td>From 2%</td> </tr> <tr> <td>Young Saver</td> <td>From 1.6%</td> </tr> </table>
Use This For …
This element is used to identify a table cell whose content is a header of some kind; for example, you might use it to identify the top-most cell, containing the words “Make of Car,” in a column that contains a list of car manufacturers.
It causes no compatibility issues, and has excellent support across all tested browsers.