td (HTML element)
| Depr. | Empty | Version |
|---|---|---|
| No | No | HTML 2 |
| IE5.5+ | FF1+ | Saf1.3+ | Op9.2+ |
|---|---|---|---|
| Full | Full | Full | Full |
Example
These
td elements are used in a two-column
row:
<tr> <td>Smart</td> <td>From 2%</td> </tr>
- Type
- table element
- Contains
- block-level elements, inline elements
- Contained by
tr
Description
You can use two kinds of cells in a table: the th element is reserved for cells that contain
header information, but the td can be used for any kind
of data. Aside from that difference of usage and meaning (and the default
presentational differences—th text is bold and centered
while td text is non-bold and left-aligned), in almost
every other way, the td element behaves, and has the
same attributes, as the th element.
The axis and
scope attributes can also be used
in td elements, and this is a perfectly valid use of
HTML, but you’re advised to reserve your usage of these attributes to
table headers only. However, the headers and id
are almost certainly going to be used in td elements
for the purpose of creating relationships between the
td content and the header cells.
Finally, this element uses the colspan and rowspan attributes when the content of the cell needs to run across multiple columns or rows.
Use This For …
The
td is used for content in a table that represents
standard data (that’s to say, it’s not a header cell, and most likely
falls under a column or row header).
Compatibility
| IE | 5.5 | Full |
|---|---|---|
| 6.0 | Full | |
| 7.0 | Full | |
| Firefox | 1.0 | Full |
| 1.5 | Full | |
| 2.0 | Full | |
| Safari | 1.3 | Full |
| 2.0 | Full | |
| 3.0 | Full | |
| Opera | 9.2 | Full |
| 9.5 | Full |
It causes no compatibility issues, and has excellent support across all tested browsers.
In this Section
- abbr
provides an abbreviated version of thetdcontents - align
aligns text in cells contained inside atdelement - axis
allows cell contents to be categorized - bgcolor
sets a background color for thetd - char
sets the character to which cell contents should align - charoff
defines the number of characters by which cell contents will be offset from thechar - colspan
defines number of columns in table that a cell should span - headers
indicates which table headers are related to this cell - nowrap
instructs the browser not to wrap content inside the cell - rowspan
defines the number of rows in table that cell should span - scope
specifies the direction of the table cells that the cell relates to - valign
aligns text vertically in table cells - width
sets thetd’s width in pixels or as a percentage
Related Reading
User-contributed notes
- ID:
- #1
- Date:
- Fri, 28 Mar 2008 12:54:51 GMT
'However, the headers and id are almost certainly going to be used in td elements for the purpose of creating relationships between the td content and the header cells.'
The HEADERS attribute will occur in the TD, but the corresponding ID attributes would normally be found in TH elements.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.
