The <td> Tag in HTML 5

The <td> table detail data cell tag is used to divide a table row into individual cells. The th elements, which are for table column headings, and td elements for other cells in the same table column will come from other table rows. In addition, the <td> tag is also one of the sectioning root tags, which means that the sections and headings inside the td element are not included in the outline of any higher level sections.

Table Caption
Multiple Column Heading
First Column Heading Second Column Heading
→This is an example of an HTML table footer.←
Row 1 →Row 1 Column 1← →Row 1 Column 2←
Row 2 →Row 2 Column 1← →Row 2 Column 2←

This is an actual working demo of the table data cell example code below. (Do View Source to verify that this page is using the HTML 5 DOCTYPE. You can also verify it is Valid HTML 5 using the HTML Validator. Try using it to validate URLs with HTML examples from other places that claim to be HTML 5 web sites!)

The <td> tag is similar to the <th> tag in that both can be used within a tr element. One important difference, however, is that while the <td> tag is one of the sectioning root tags, which starts a new section outline for the content of the td element, the <th> tag is not and therefore contributes to the same section outline as its ancestors.

See the tutorial on Creating HTML Tables for full details on how to create an HTML table using the HTML table tags together.