HTML5 Tutorial. Learn HTML5!

  • easiest way to learn
  • time saving

  • easy to understand
  • everything is free



<footer> tag

The footer element:

About footer element:

In Browser:

Parents, Children footer element:

footer attributes:

syntax footer

1<footer> ... </footer>» video

attributes and values footer (comma separated)

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

Share it

video demonstration footer element


min video details
00:00 video tutorial footer element HTML5
00:01 footer element allows you to mark up a footer in your HTML5 document
00:09 it can be the footer of your whole document
IF the nearest ancestor of the footer element is the body element
00:19 the footer of the whole document
00:32 that's an article in page
00:38 and that's the footer of the article
the nearest ancestor of the footer element in this case is the article element

online web tutorials

video tutorial HTML5

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

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