HTML5 <tfoot> Tag

The HTML <tfoot> element is used to define a set of rows summarizing the columns of the table.

The only content permitted inside this element is zero or more <tr> elements. The start tag is mandatory for this element. The end tag may be omitted if there is no more content in the parent <table> element.

The parent of the <tfoot> tag can only be a <table> element. In HTML5, the <tfoot> must appear after any <caption>, <colgroup>, <thead>, <tbody>, or <tr> element. In HTML 4, the <tfoot> element cannot be placed after any <tbody> and <tr> element. As you can see, this directly contradicts the above normative requirement from HTML5.

The following style is applied to this element by default:

tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit; 


This element only accepts global attributes.

Reader Comments

1. You can register or login to post a comment. Asking readers to register improves the quality of discussion.

2. As a registered user, you will also get to access features like choosing between a light and dark theme or anything else that we might implement in future.

Follow Us For Updates

Go To Top