HTML Tags
HTML <strong> Tag
The
<strong>tag is used to define important or emphasized text that carries strong semantic meaning.
Browsers typically render it in bold, but unlike the<b>tag, it indicates that the enclosed text has greater importance or urgency in the context.
It is useful for accessibility - screen readers will emphasize the text more strongly.
Syntax
html
<strong>Important text goes here</strong>Attributes
| Attribute | Description |
|---|---|
| class | Assigns one or more class names for styling. |
| id | Assigns a unique identifier to the element. |
| style | Adds inline CSS styles to customize appearance. |
| title | Provides additional information as a tooltip. |
Example
html
<!DOCTYPE html>
<html>
<head>
<title>Strong Tag Example</title>
<style>
.important {
color: #d32f2f;
font-weight: bold;
background-color: #fff0f0;
padding: 2px 6px;
border-radius: 4px;
}
</style>
</head>
<body>
<h1>HTML <strong> Tag Example</h1>
<p>
This tag is used to highlight text that has <strong class="important" id="warning" title="Important Text">strong importance</strong> in meaning.
</p>
<p>
Example: Please <strong>save your work</strong> before exiting the program.
</p>
</body>
</html>Browser Support
Chrome | Edge | Firefox | Safari | Opera | IE9+ |
|---|---|---|---|---|---|
| Yes | Yes | Yes | Yes | Yes | Yes |
The <strong> tag displays text in bold, but more importantly, it conveys semantic emphasis that affects accessibility and SEO.
Notes
- The
<strong>tag is semantically meaningful, unlike<b>, which is purely visual. - Screen readers emphasize
<strong>text, improving accessibility. - It is an inline element, meaning it does not start on a new line.
- You can style
<strong>text with CSS to change its color, font weight, or background.
Conclusion
The <strong> tag is used for semantically important content that needs emphasis both visually and contextually.
It enhances readability, accessibility, and SEO - making it more meaningful than the simple <b> tag.