The HTML5 tfoot Tag

The HTML5 <tfoot> tag is utilized in grouping footer within an HTML document. The HTML5 <tfoot> tag is typically used along with the <thead> and <tbody> components to complete and specify the different parts of the document like header, body and footer.

The function of the HTML5 <tfoot> tag is essential so that users will be able to browse the body of the web page, such that it is separated from the footer and header. It is also useful if the print out has to be done in multiple pages because HTML5 <tfoot> tag is the key in keeping the header on top of the page and the footer is below the page.

It is necessary that the HTML5 <tfoot> tag has to be placed before the <tbody> element so that it will be rendered first by the web browser.

When using the HTML5 <tfoot> tag, it has to have one or more <tr> tags inside.

The author of the document has nothing to worry when using the HTML5 <tfoot> tag. It is recognized in different web browsers like Google Chrome, Internet Explorer, Safari, Firefox and Opera. Aside from that, the HTML5 <tfoot> tag has full compatibility with the Event Attributes and Global Attributes.

The attributes for HTML5 <tfoot> tag are clarified on the table below:

Attribute

Value

Description

align

right
left
center
justify
char

It is no longer used and supported in HTML5

char

character

It is no longer used and supported in HTML5

charoff

number

It is no longer used and supported in HTML5

valign

top
middle
bottom
baseline

It is no longer used and supported in HTML5

 

Featured pages

Overview

Learn about HTML5 architecture, design principles and patterns on HTML5 Overview Tutorial. Become …

Tags

Learn about HTML5 tags and discover a new list of HTML5 tags. Find out about HTML5 tags support by…

Welcome

 Learn HTML5 development techniques, tips and tricks on our website. Find out what is required…

Date Time Picker

HTML5 forms use date and time controls regularly. HTML5 date and time controls are used by booking …