HTML 5 <tfoot> Tag
Example
An HTML table with a thead, tfoot, and a tbody element:
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table> |
View it » |
Definition and Usage
The <tfoot> tag is used to group the footer content in an HTML table.
The tfoot element should be used in conjunction with the thead and tbody
elements.
The thead element is used to group the header content in an HTML table and the
tbody element is used to group the body content in an HTML table.
Note: <tfoot> must appear before <tbody> within a table, so that a browser can
render the foot before receiving all the rows of data.
Notice that these elements will not affect the layout of the table by default.
However, you can use CSS to let these elements affect the table's layout.
Differences Between HTML 4.01 and HTML 5
None of the HTML 4.01 attributes are supported in HTML 5.
Tips and Notes
Note: The <tfoot> must have a <tr> tag inside!
Note: If you use one of the thead, tfoot and tbody elements, you should use all of them.
Attributes
| Attribute |
Value |
Description |
| align |
right
left
center
justify
char |
Not supported in HTML 5 |
| char |
character |
Not supported in HTML 5 |
| charoff |
number |
Not supported in HTML 5 |
| valign |
top
middle
bottom
baseline |
Not supported in HTML 5 |
Standard Attributes
The <a> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <a> tag also supports the Event Attributes
in HTML 5.
| 
