thead ... ⁄thead

Share it

thead intro thead optional, occurrences thead browser display thead parents - children thead syntax

HTML5 thead element

The thead element allows you to group rows of cells representing the header of the table. »video

About thead

is an optional element »examples
1 thead element per table; multiple thead elements allowed per HTML5 document (within multiple tables) »examples

Display & support thead

display in browser »video

Parents, children thead

thead nested within elements »thead parents
elements nested within thead »thead children
»examples

Attributes thead

required: none
optional: global attributes, event attributes

Syntax thead

1 2	<thead> ... <⁄thead> <thead> ... »video

Attributes and Values thead (comma separated)

<thead	attribute	=	"attribute_value(s)"	Video	Examples
1. specific attributes
	All Specific Attributes
2. global attributes
1.	accesskey	=	keyboard key	»img	<thead accesskey="h"> ... </thead>
2.	class	=	class name	»html »img	<thead class="class_name"> ... </thead>
3.	contenteditable	=	"", , true, false	»html	<thead contenteditable="true"> ... </thead>
4.	contextmenu	=	menu id value	»html	<thead contextmenu="menu_id_value"> ... </thead>
5.	data-*	=	value	-	<thead data-http-error="404"> ... </thead>
6.	dir	=	ltr, rtl, auto	»html	<thead dir="ltr"> ... </thead>
7.	draggable	=	true, , false	»img	<thead draggable="false"> ... </thead>
8.	dropzone	=	copy, move, link, string:, file:	-	<thead dropzone="copy"> ... </thead>
9.	hidden	=	"", , hidden	»html »img	<thead hidden="hidden"> ... </thead>
10.	id	=	id name	»html »img	<thead id="unique_id_name"> ... </thead>
11.	itemid	=	URL	-	-
12.	itemprop	=	string	»link »a	-
13.	itemref	=	string	-	-
14.	itemscope	=	"", , itemscope	-	-
15.	itemtype	=	absolute URL	-	-
16.	lang	=	language code	»html »head »title »img	<thead lang="en"> ... </thead>
17.	spellcheck	=	"", , true, false	»html	<thead spellcheck="true"> ... </thead>
18.	style	=	CSS property:value	»html »img	<thead style="color:red"> ... </thead>
19.	tabindex	=	integer	»img	<thead tabindex="3"> ... </thead>
20.	title	=	text	»html »link »style »abbr »dfn »img »meter	<thead title="html page"> ... </thead>
21.	translate	=	"", yes, no	»html »img	<thead translate="yes"> ... </thead>
	All Global Attributes
3. global event attributes
1.	onclick	=	script	» list	<element onclick="script" > ...
2.	ondblclick	=	script	» list	<element ondblclick="script" > ...
	All Event Attributes

Video demonstration thead element

HTML5 thead element: mark up the header of a table

min	video details
00:00	video tutorial: thead element
00:05	thead represents the header of a table; it allows you to group rows of cells representing the header of the table
00:16	these rows represent the header of the table, so we can nest them inside thead element
00:33	checking another example
00:39	in this example, this row represents the header of the table, so we can nest it inside thead element, element which actually marks the header of a table
00:47	adding thead element in page

For more information about the thead element, please see the specs: W3C ⁄ WHATWG