HTML5 Tutorial. Learn HTML5!

  • easiest way to learn
  • time saving

  • easy to understand
  • everything is free



<header> tag

The header element:

About header element:

In Browser:

Parents, Children header element:

header attributes:

syntax header

1<header> ... </header>» video

attributes and values header (comma separated)

<headerattribute="attribute_value(s)"> Video Examples
1. specific attributes
2. global attributes
1.accesskey=keyboard key» img<header accesskey="h"> ... <⁄header>
2.class=class name» html » img<header class="class_name"> ... <⁄header>
3.contenteditable="",  , true, false » html<header contenteditable="true"> ... <⁄header>
4.contextmenu=menu id value» html<header contextmenu="menu_id_value"> ... <⁄header>*= value -<header data-http-error="404"> ... <⁄header>
6.dir=ltr, rtl, auto» html<header dir="ltr"> ... <⁄header>
7.draggable= true,  , false» img<header draggable="false"> ... <⁄header>
8.dropzone= copy, move, link, string:, file: -<header dropzone="copy"> ... <⁄header>
9.hidden= "",  , hidden» html » img<header hidden="hidden"> ... <⁄header> name» html » img<header id="unique_id_name"> ... <⁄header>
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
<header lang="en"> ... <⁄header>
17.spellcheck="",  , true, false» html<header spellcheck="true"> ... <⁄header> property:value» html» img<header style="color:red"> ... <⁄header>
19.tabindex= integer » img<header tabindex="3"> ... <⁄header>
20.title=text» html» link
» style» abbr
» dfn» img
» meter
<header title="html page"> ... <⁄header>
21.translate="", yes, no» html » img<header translate="yes"> ... <⁄header>
3. global event attributes
1.onclick=script» list<element onclick="script" > ...
2.ondblclick=script» list<element ondblclick="script" > ...
» all attributes

Share it

video demonstration header element


min video details
00:00 video tutorial header element HTML5
00:09 header element allows you to mark up a header in your HTML5 document
00:16 it can be the header of your document, IF the nearest ancestor of the header element is the body element
00:22 the header of our document
00:29 or it can be the header of a section e.g. the nearest ancestor of the header element in this case is the article element
00:37 that's our article (= a section of content)
00:42 and that's the header of the article (= the header of the section)

online web tutorials

video tutorial HTML5

For more information about the header element, please see the specs: W3CWHATWG

Home | Site Map | | | © 2014 All Rights Reserved