Dofactory.com
Dofactory.com
Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

HTML <sup> Tag

The <sup> tag is used to display superscript text.

Superscript is text that is smaller and appears higher than regular text.

Example

#

A <sup> tag that creates an exponent over the number 4.

42 is 16.

<p>
  4<sup>2</sup> is 16.
</p>
sup = superscript

Using <sup>

The <sup> tag is used to create superscript text.

Superscript text is half a character above the baseline and in a smaller font.

The <sup> tag is commonly used to display footnotes or mathematical formulas.

Tip: The <sup> tag is not used for trademark symbols: ™ and ®.
These characters are already superscripted themselves.

More Examples

With just <sup> and <sub>, complex chemical formulas can be written.

The formula for Hexamminecobalt chloride is [Co(NH3)6]3+Cl3−

<p>
    The formula for Hexamminecobalt chloride is 
    [Co(NH<sub>3</sub>)<sub>6</sub>]<sup>3+</sup>Cl<sup>3−</sup>
</p>

Attributes for <sup>

The <sup> element has no attributes, but it does accept global attributes. The following are commonly used.

Attribute Value Description
id   value Provides the sup element with a unique identifier.
class   classnames Assigns one or more classnames to the sup element.
style   CSS-values Assigns CSS style values to the sup element.

For additional global attributes see our global attributes list.


Text Tags

The <sup> tag is part of a group of tags that are used to create and format text documents. This group is referred to as the Text tag group. Together, they allow you to create comprehensive HTML text documents.

Here is a list of text tags.

Element Description
<h1>-<h6> Defines text headings in 6 different sizes
<p> Creates a paragraph
<span> Container for one or more inline text elements
<br> Creates a line break
<sup> Specifies superscript text
<sub> Specifies subscripted text
<u> Specifies underlined text
<i> Specifies italic text
<b> Specifies bold text
<em> Marks text that needs emphasis
<strong> Indicates text that is important or with high urgency
<del> Defines deleted text
<ins> Defines inserted text
<ruby> Represents a small annotation with pronunciation of text
<kbd> Specifies keyboard input, such as, CTRL or ALT
<wbr> Specifies a preferred word-break location for long words

Browser support

Here is when <sup> support started for each browser:

Chrome
1.0 Sep 2008
Firefox
1.0 Sep 2002
IE/Edge
1.0 Aug 1995
Opera
1.0 Jan 2006
Safari
1.0 Jan 2003

You may also like


Last updated on Sep 30, 2023

Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

Guides