W3-Video WEB Tutorials

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

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

sup ... ⁄sup

Share it

sup intro sup browser display sup parents - children sup syntax

HTML5 sup element

The sup element allows you to add a superscript. »video

About sup

Display & support sup

Firefox iconChrome iconIE iconOpera iconSafari icon

Parents, children sup

Attributes sup


Do not use the sup element for presentation purpose: e.g. presentational purpose.
Use it only when a superscript is actually required: e.g. 1st student.

Syntax sup

1<sup> ... </sup> »video

Attributes and Values sup (comma separated)

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

HTML5 sup element: mark up a superscript

min video details
00:00 video tutorial: sup element
00:04 sup element allows you to add a superscript
00:07 2 examples next
00:26 'st' in this case represents a superscript
00:31 a 2nd example
00:55 just like 'st', '2' in this case represents a superscript

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