HTML5 Tutorial. Learn HTML5!

  • easiest way to learn
  • time saving

  • easy to understand
  • everything is free



<main> tag

The main element:

About main element:

Parents, Children main element:

main attributes:


syntax main

1<main> ... </main>» video

attributes and values main (comma separated)

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

Share it

video demonstration main element


min video details
00:00 video tutorial: main element
00:05 the main element allows you to mark up the main /dominant content of the page or of a particular element
00:15 the body of our page contains the next 3 elements: header, main, footer
00:20 header element: marks the header of the page
00:23 main element: marks the main content of the page
00:27 footer element: marks the footer of the page
00:32 where the main element marks up the main content of the page

online web tutorials

video tutorial HTML5

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

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