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

is an optional element
multiple sup elements allowed per HTML5 document

Display & support sup

display in browser »video
display type: inline »example

Parents, children sup

sup nested within elements »sup parents
elements nested within sup »sup children
»examples

Attributes sup

required: none
optional: global attributes, event attributes

Warning

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

Syntax sup

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

Attributes and Values sup (comma separated)

<sup	attribute	=	"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 2^nd example
00:55	just like 'st', '2' in this case represents a superscript

For more information about the sup element, please see the specs: W3C ⁄ WHATWG