The <em> tag adds stress emphasis — emphasis that can genuinely change what a sentence means when read aloud, not just italic styling.
Syntax
<em>stressed text</em>Basic Example
<p>I <em>never</em> said she took the money.</p>Browser output: the word "never" renders in italics. But notice what it does to meaning: stressing a different word in that same sentence — "I never said she took the money" — implies someone else did.
How It Works
The browser applies font-style: italic by default, identical to <i>. The difference lives entirely in meaning: <em> tells a machine "reading this word with stress changes the sentence's meaning," which <i> never claims.
Important Attributes
| Attribute | Purpose |
|---|---|
| — none — | Only universal global attributes apply |
Real-World Example
<p>Do <em>not</em> refresh the page while your file is uploading.</p>Emphasizing "not" is exactly the kind of instruction where stress genuinely matters — skimming past it changes the instruction's meaning entirely.
Comparison: i vs em (quick recap)
<i> marks an alternate voice or category of text (technical terms, titles, foreign words) with no implied stress. <em> marks genuine stress emphasis that can change meaning. Full comparison table: Italic Text.
Common Mistakes
- Using
<em>purely because italics look nice, with no real stress or meaning change intended — that belongs in<i> - Overusing
<em>across a whole paragraph, which flattens its impact until nothing reads as genuinely emphasized
Best Practices
- Use
<em>sparingly — reserve it for words that truly change a sentence's meaning if stressed - Per spec, nested
<em>(emphasis inside emphasis) increases the degree of stress — rarely used, but good to know it exists
Accessibility Considerations
Screen readers can change intonation when reading <em> content, though the exact behavior varies by screen reader and voice engine — it's a real, if inconsistent, functional signal.
SEO Considerations
Same as <strong> — treat any ranking benefit as unconfirmed and minor at best.
Browser & Modern HTML Notes
Valid and stable in HTML5, with meaning unchanged from earlier HTML versions — unlike <b> and <i>, <em> and <strong> were always defined semantically, never purely presentationally.
Mini Practice
- Write the same sentence three times, emphasizing a different word each time with
<em>, and explain how the meaning shifts. - Find a sentence online misusing
<em>purely for italic styling, and explain why<i>would be more correct.
