HTML <strong> tag
The HTML <strong> tag marks text as having strong importance, seriousness or urgency. Meaning, accessibility, examples and <b> vs <em>.
The HTML <strong> tag marks text as having strong importance, seriousness, or urgency. This is its key purpose: it carries meaning, not just appearance. Browsers happen to render <strong> content in bold by default, but the boldness is a side effect — the real value is that you are telling browsers, search engines, and assistive technology that this text matters more than the surrounding content.
This page explains what <strong> means, how it differs from bold styling and from the similar <b> and <em> tags, how screen readers and SEO treat it, and how to use it correctly with working examples.
Why use <strong> instead of bold styling?
It helps to separate two different ideas:
- Visual weight — text that simply looks bold. You get this from CSS
font-weight: boldor the<b>tag. It changes appearance only and carries no meaning. - Importance — text that is more important than its surroundings. That is what
<strong>represents. The bold rendering is the default presentation of that importance, but you could restyle it with CSS and the meaning would remain.
Use <strong> when the emphasis is part of the content's meaning — a warning, a deadline, a critical instruction. Use bold styling (CSS or <b>) when you only want the words to stand out visually, such as a product name or keyword you are highlighting for scanning.
While HTML4 defined <strong> as implying a stronger emphasis, HTML5 redefined it as representing strong importance of the content. You can also nest <strong> inside <strong> to increase the relative importance of a phrase.
If you want bold text purely for decoration — with no extra importance — use the <b> tag or the CSS font-weight property instead of <strong>.
<strong> vs <b> vs <em>
These three tags all change how text looks, but they mean different things. Choosing the right one is what makes your markup semantic.
| Tag | Default look | Meaning | Use it for |
|---|---|---|---|
<strong> | Bold | Strong importance, seriousness, urgency | Warnings, deadlines, critical instructions |
<b> | Bold | No added importance — stylistically offset | Keywords, product names, lead sentence |
<em> | Italic | Stress emphasis that changes spoken meaning | Words you would say with vocal stress |
A quick way to remember: <strong> means "this is important," <em> means "say this differently," and <b> means "just make it bold." For highlighted (rather than important) text, see the <mark> tag.
Accessibility and SEO
The genuine benefits of <strong> are semantics and search:
- Search engines can use the markup as a signal that the wrapped text is more significant than the rest of the content, which helps describe what the page is about.
- Assistive technology receives the importance as part of the document structure. Most popular screen readers do not automatically change their voice for
<strong>by default, but the importance is still exposed and users can configure their software to announce it.
In short, do not reach for <strong> to get vocal emphasis — reach for it because the text genuinely is more important. The meaning is what tools rely on; the bold look is just the default.
Syntax
The <strong> tag comes in pairs. The content is written between the opening (<strong>) and closing (</strong>) tags. Forgetting the closing </strong> is a common mistake — without it, the rest of your text may be marked as important too.
Example of the HTML <strong> tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>We’ve used the <strong>strong</strong> tag to highlight this important part of the text.</p>
</body>
</html>Result
Example: urgency and warnings
A natural use of <strong> is to flag something the reader must not miss:
<!DOCTYPE html>
<html>
<body>
<p><strong>Warning:</strong> this action permanently deletes your account.</p>
<p>Submit the form before <strong>5:00 PM on Friday</strong> — late entries are not accepted.</p>
</body>
</html>Attributes
The <strong> tag supports the Global Attributes and the Event Attributes. For example, you can apply a class to style it differently:
<strong class="warning">Important notice</strong>