W3-Video WEB Tutorials

w3-video.com is a Free eLearning Website with over 500 video tutorials on HTML5, XAMPP, Firefox, Notepad++

HTML5 Tutorial

Home HTML5 XAMPP Firefox Notepad++

footer ... ⁄footer

Share it

footer intro footer browser display footer parents - children footer syntax

HTML5 footer element

The footer element allows you to mark up a footer; it can be the footer of your HTML5 document, or the footer of a section within your document. »video

About footer

Display & support footer

Firefox iconChrome iconIE icon9Opera iconSafari icon

Parents, children footer

Attributes footer

Syntax footer

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

Attributes and Values footer (comma separated)

<footerattribute="attribute_value(s)"> Video Examples
1. specific attributes
All 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>
5.data-*= 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>
10.id=id 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>
18.style=CSS 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>
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 footer element

HTML5 footer element: mark up a footer

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

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