<strong>
Overview
The <strong> element marks content with heightened significance in a web document. Typically rendered as bold text in browsers, it indicates the importance, seriousness, or urgency of the enclosed content.
Examples and Usage
Web content often contains portions that need to stand out due to their importance, seriousness, or urgency. The HTML Living Standard Specification underscores the role of the <strong> element in achieving this, setting it apart from other tags that might simply alter appearance without conveying emphasis.
Consider the following cautionary note in a server maintenance guide:
<p>
During server maintenance, <strong>ensure the main power supply is switched off</strong>.
</p>
In this context, the <strong> element emphasizes a critical step in a server maintenance guide. Such usages demonstrate the tag's ability to mark content areas requiring special attention, either due to their crucial importance or the urgency they carry.
Attribute Breakdown
The <strong> element doesn't have any specific attributes; it inherits global attributes common to all HTML elements.
Accessibility Aspects
The <strong> element, in terms of ARIA roles, defaults to a role labeled strong. However, it's advisable to avoid explicitly setting this role as the element inherently possesses it. In addition, the element supports global aria-* attributes, providing flexibility in denoting additional context or behaviors.
Associated Elements
<b><em>
Additional Notes
In contexts like headings, captions, or paragraphs, the
<strong>element can differentiate the most vital information from content that's more detailed or secondary. For subheadings, however, elements likehgroupare more appropriate.The
<strong>element emphasizes the content's importance or seriousness, while the<b>element draws attention without indicating greater importance.For decorative bold text, use the CSS
font-weightproperty rather than relying on<strong>or<b>for styling.While both
<strong>and<em>can be nested to intensify their effect, the purpose behind using them should be semantically driven, focusing on the conveyed meaning.
Browser Compatibility
For a detailed breakdown of specific browser nuances and older version support refer to the first link in the Useful Resources below.
| Browser | Chrome | Edge | Safari | Firefox | Opera | Internet Explorer |
|---|---|---|---|---|---|---|
| Support | Yes | Yes* | Yes* | Yes* | Yes* | Yes* |