tfoot

tfoot is an HTML element that defines a footer for a table. It groups rows that provide summary information, such as totals, summaries, or notes, and complements the header (thead) and body (tbody) sections.

Content model: A tfoot contains one or more tr elements, which in turn contain td or th cells. It may appear anywhere in the table's source, but its rows are intended to summarize the data in the preceding rows.

Semantics and accessibility: The tfoot communicates table-wide footer information. Screen readers describe this as the table footer; pairing header cells in the thead with the footer can improve navigation. Using colspan to align totals with columns is common.

Styling and layout: Thead, tbody, and tfoot are treated as separate table sections. In CSS, tfoot is typically a table-footer-group, which helps positioning in printed documents. You can style its cells like any other table cells and use colspan to span columns.

Example: A simple table with a header row for Item, Quantity, and Price; a body listing items; and a tfoot row that displays a total across all columns using colspan. For instance, a row in tfoot might read: <tr><td colspan="3">Total</td><td>$9.99</td></tr>. This demonstrates how tfoot is used to present a concluding summary for the table.

---