The <strong> tag marks text of genuine strong importance, seriousness, or urgency — not just text you want to look bold.
Syntax
<strong>important text</strong>Basic Example
<p><strong>Warning:</strong> deleting your account cannot be undone.</p>Browser output: "Warning:" renders in bold — visually the same as <b>, but this time the boldness reflects real importance a reader shouldn't skip.
How It Works
The browser applies font-weight: bold by default, exactly like <b>. The difference is entirely semantic — assistive technology and other machines can use <strong> to identify content that genuinely matters, in a way they can't with purely presentational bold.
Important Attributes
| Attribute | Purpose |
|---|---|
| — none — | Only universal global attributes apply |
Real-World Example
<form>
<label for="email">Email <strong>(required)</strong></label>
<input type="email" id="email" name="email" required>
</form>Flagging a required field, a security warning, or a critical instruction — content a user genuinely should not miss.
Comparison: b vs strong (quick recap)
<b> is stylistic bold with no meaning attached; <strong> is a semantic signal of real importance. They render identically by default but mean different things to machines. Full comparison table: Bold Text.
Common Mistakes
- Using
<strong>and<b>interchangeably just because they look the same — the meaning is the entire point - Nesting
<strong><strong>text</strong></strong>expecting "extra bold" — nesting doesn't stack visual weight, it just adds redundant importance markers - Overusing
<strong>across most of a page's text, which dilutes its meaning until nothing feels important anymore
Best Practices
- Reserve
<strong>for content that would genuinely be a problem to miss — warnings, required fields, critical instructions - Keep it rare enough that it still stands out both visually and semantically
Accessibility Considerations
Screen readers may change vocal emphasis or pitch when reading <strong> content, depending on the reader/voice — a real functional benefit that purely visual bold (<b>) does not reliably provide.
SEO Considerations
There's a long-running, largely unconfirmed belief that <strong> content gets extra search-ranking weight. Treat it as, at most, a very minor signal — never a substitute for genuinely good, well-structured content.
Browser & Modern HTML Notes
HTML5 redefined <strong> from "extra-strong bold styling" (where nesting used to visually stack) into a pure importance/urgency signal, matching how it's used in practice today.
Mini Practice
- Add a
<strong>warning to a form about an irreversible action. - Rewrite a paragraph that overuses
<strong>on nearly every sentence, keeping it only on the one genuinely important point.
