Strong Element Tutorial

<strong>

Introductory Text

The strong element indicates stronger (semantic) emphasis.

HTML 5 states, The relative level of importance of a piece of content is given by its number of ancestor strong elements; each strong element increases the importance of its contents.

[Note: strong signifies a semantic emphasis for User Agents (UAs); whereas, b signifies typographical importance.]

Start tag:: <strong>
End tag:: </strong>

Use Examples

Example [Basic (HTML 4)]:

Follow HTML Compatibility Guidelines as necessary!

Code [HTML]:


<p><strong>Follow <abbr>HTML Compatibility Guidelines</strong> as »
necessary!</p>

Example [Basic (HTML 5)]:

Follow HTML Compatibility Guidelines as necessary!

Code [HTML]:


<p><strong><strong>Follow <abbr>HTML Compatibility Guidelines</strong> »
as necessary!</strong></p>

Example [HTML 5 (CSS)]:

HTML Compatibility Guidelines —
should be followed.

HTML Validation Services —
should be used.

CSS Validation Services —
should be used.

Code [HTML]:


<p><strong class="sensational"><strong class="largeText"><abbr>HTML</abbr> »
Compatibility Guidelines</strong> — <br>should be followed.</strong></p>

<p><strong class="sensational"><strong class="largeText"><abbr>HTML</abbr> »
Validation Services</strong> — <br>should be used.</strong></p>

<p><strong class="sensational"><strong class="largeText"><abbr>CSS</abbr> »
Validation Services</strong> — <br>should be used.</strong></p>

Code [CSS]:


.sensational { margin: 0; padding: 0; color: #000; font: 1.3em Times, "Times New Roman", serif; }
.largeText { color: #333; font: 1.8em Times, Palatino, serif; }

Content Model/Assigned Attributes

Element-Type:

Text-Level [HTML 4.01]

Phrasing Content [HTML 5]

Attributes:

</strong>