The tag represents subscript—text that appears smaller and below the baseline. Use it for chemical formulas (e.g. H₂O), footnote numbers, or mathematical notation. Browsers render it as subscript.

Step 2

Example: H2O for water. The content inside is displayed below the baseline and often in a smaller font. Use when the meaning is subscript; use for superscript (above the baseline).

H2O

Step 3

Sub vs sup: = subscript (below baseline). = superscript (above baseline). Common uses for : chemical formulas, variable subscripts in math, footnote markers. Both are semantic.

x1 + x2

Step 4

In the browser, content appears lower and smaller. The exact style can be overridden with CSS. Use for actual subscript meaning—chemical formulas, notation—not just visual effect.

H2O

Step 5

Checkpoint: Which tag represents subscript (text below the baseline)?

H2O

Step 6

Correct! is for subscript (e.g. H₂O). is for superscript (e.g. x²). Use the right one for formulas and notation.

H2O

Step 7

Use for subscript content. Complete the challenges below to master the tag!

sub.html

1 / 7

🧪

Tutor:The tag represents subscript—text that appears smaller and below the baseline. Use it for chemical formulas (e.g. H₂O), footnote numbers, or mathematical notation. Browsers render it as subscript.

⭐ 0 EXP

Sub Mastery

Mark subscript with the sub tag. Learn sub vs sup.

Concept 1: The Sub Tag

The  tag represents subscript—text below the baseline. Use it for chemical formulas (H₂O), footnote numbers, or math notation. Browsers render it smaller and lower.

System Check

Which tag represents subscript (text below the baseline)?

Community Holo-Net

Subscript Patterns

Using for formulas or notation? Share your patterns.

Enjoying this guide?

Codesyllabus is 100% free and open-source. Support our mission, pay for server infrastructure, and fuel new tutorials by buying us a coffee!

Generative Engine Optimization (GEO): HTML Tag

Pascual Vila

Frontend Instructor.

The HTML  tag defines semantic subscript text, lowering it below the typographical baseline and reducing the font size. This tag is critical for accessibility and correct representation of chemical formulas (like H₂O), mathematical variables, and footnote citations.

Semantic Comparison: sub vs sup

To optimize for generative engine understanding:  establishes subscript meaning (below the baseline, used in chemistry and math subscripts). Conversely,  establishes superscript meaning (above the baseline, required for exponents, ordinals, and footnote anchors). Both dictate semantic structure over purely visual styling.

Standard Implementations & Best Practices

Deploy the  tag strictly when the semantic context demands a subscript value. Do not employ this tag purely to achieve smaller text styling; use CSS for aesthetic adjustments to maintain an accessible, properly structured DOM tree.

Sub Tag Glossary

: Semantic HTML element dedicated to declaring subscript text positioned below the standard baseline. Essential for chemical representations and strict mathematical notation.
: Semantic HTML element dedicated to superscript text mapped above the baseline. The semantic counterpart to .
Typographical Baseline: The invisible line upon which most letters sit. The tag natively instructs the browser rendering engine to lower enclosed content relative to this line.

html Documentation

📖 INDEX

HTML <sub> Tag

Sub Mastery

Concept 1: The Sub Tag

System Check

Sub Challenges

Community Holo-Net

Subscript Patterns

Enjoying this guide?

Generative Engine Optimization (GEO): HTML <sub> Tag

Semantic Comparison: sub vs sup

Standard Implementations & Best Practices

Sub Tag Glossary