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
<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
<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>
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
Search WWH ::

Custom Search