HTML and CSS Reference
In-Depth Information
If you have relative levels of importance, you can nest
em
ele-
ments to make the contents extra emphatic.
The
<i>
element “represents a span of text in an alternate voice
or mood, or otherwise offset from the normal prose, such as a
taxonomic designation, a technical term, an idiomatic phrase
from another language, a thought, a ship name, or some other
prose whose typical typographic presentation is italicized.”
Here are some examples of
<i>
where
<em>
would not be
appropriate:
<p>The <i>Titanic</i> sails at dawn.</p>
<p>The design needs a bit more <i lang=fr>ooh la la</i>.</p>
<p>You, sir, deserve a jolly good kick up the <i>gluteus
maximus</i>!</p>
<strong>, <b>
The
strong
element represents strong importance for its con-
tents but, unlike
<em>
, it does not change the meaning of the
sentence. For example,
<p><strong>Warning! This banana is dangerous.</strong></p>
Yo u c a n n e s t
strong
elements to make them extra-important.
The
<b>
element “represents a span of text to be stylistically
offset from the normal prose without conveying any extra
importance, such as key words in a document abstract, product
names in a review, or other spans of text whose typical typo-
graphic presentation is boldened.”
For example:
<p>Remy never forgot his fifth birthday—feasting on
¬
<b>powdered toast</b> and the joy of opening his gift:
¬
a <b>Log from Blammo!</b>.</p>
<hr>
The
<hr>
element is now media-independent and indicates “a
paragraph-level thematic break.” A comment on HTML5doc-
tor put it nicely: It's the markup equivalent of the “* * *” that is
often used in stories and essays. We were about to write it off
as a historical curiosity when fellow Doctor Oli Studholme wrote
“
<hr>
is used as a section separator quite frequently in Japanese
