<small>
The <small> element has been repurposed in HTML5. Originally used simply to render text in a smaller font size, it now carries semantic meaning: it represents side comments, small print, and legal disclaimers. The visual presentation of smaller text is now secondary to its semantic purpose.
This page was last updated on 2025-11-17
HTML5 Semantic Meaning
The <small> element is valid in HTML5 but with new semantic meaning. It no longer simply means "smaller text" but instead represents:
- Side comments and small print
- Legal disclaimers and caveats
- Copyright notices
- Attribution text
- Licensing information
The key distinction is that <small> is for content that is typically rendered smaller but has semantic significance as ancillary information. For purely presentational smaller text, use CSS instead.
Syntax
<small>fine print text</small>
The element is inline and requires both opening and closing tags.
Proper Usage
Legal Disclaimers
<p>Buy now for only $9.99! <small>Plus shipping and handling.</small></p>
Copyright Notices
<footer>
<small>© 2024 Company Name. All rights reserved.</small>
</footer>
Attribution
<blockquote>
<p>The only way to do great work is to love what you do.</p>
<small>Steve Jobs</small>
</blockquote>
Side Comments
<p>The event starts at 7pm. <small>Doors open at 6:30pm.</small></p>
Examples
Incorrect Usage (Purely Presentational)
<!-- Don't do this -->
<h1>Welcome to <small>My Website</small></h1>
Correct Alternative for Decorative Sizing
<!-- Do this instead -->
<h1>Welcome to <span class="subtitle">My Website</span></h1>
<!-- CSS -->
.subtitle {
font-size: 0.8em;
}
Correct Usage (Semantic Fine Print)
<p>Free trial for 30 days. <small>Credit card required. Cancel anytime.</small></p>
When to Avoid
Avoid using <small> when:
- You just want smaller text for visual effect (use CSS instead)
- The text is not side comments, legal text, or fine print
- The content is important main content that happens to be smaller
- You're using it for subheadings or subtitles (use appropriate heading levels with CSS)
Remember: <small> is semantic, not just presentational. Use it when the content represents ancillary information, not when you want a visual size change.
