The HTML5 thead Tag

The main purpose of the HTML5 <thead> tag is to put all header content within the HTML document in a single group. The HTML5 <thead> tag is utilized along with the <tbody> and <tfoot> tags. Using these three together is the key in completing the header, footer and body within a document.

Specifying the HTML5 <thead> tag is necessary so that when users access the web page, the body can be scrolled while the header and footer remain in place. Aside from that, it is also the key in ensuring that when the content is printed out, the header and footer remain in place even if multiple pages have to be done.

The HTML5 <thead> tag is used the same way that it is utilized in HTML4.01. Hence, that author does not have to be concerned with much changes.

To make things easier, the HTML5 <thead> tag is also supportive of the Global Attributes in HTML5. It is also harmonious with the functions of the Event Attributes in HTML5. To top it all off, the HTML5 <thead> tag is not complicated to include within an HTML document because web browsers like Google Chrome, Internet Explorer, Safari, Firefox and Opera accept it.

Below is the clarification for the attributes of HTML5 <thead> tag:

Attribute

Value

Description

align

right
left
center
justify
char

It is no longer recognized and supported in HTML5

char

character

It is no longer recognized and supported in HTML5

charoff

number

It is no longer recognized and supported in HTML5

valign

top
middle
bottom
baseline

It is no longer recognized 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 …