HTML and CSS Reference
In-Depth Information
<dd>Helen Bach</dd>
<dt>The Proctologist and the Dentist</dt>
<dd>Ben Dover</dd>
<dd>Phil McCavity</dd>
</dl>
<em>, <i>
Use
<em>
to mark up emphasis of the kind that subtly changes
the meaning of a sentence; if the question is “Did you say you
live in Paris?” the answer might be marked up as
<p>No, my <em>name</em> is Paris. I live in <em>Troy</em>.
¬ Cloth-ears.</p>
If you have relative levels of importance, you can nest
<em>
elements to make the contents extra emphatic.
The spec tell us that the
<i>
element “represents a span of text
in an alternate voice or mood, or otherwise offset from the nor-
mal 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>
<hr>
The
<hr>
element is now media-independent and indicates “a
paragraph-level thematic break.” A commenter on HTML5doc-
tor.com 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 HTML5 Doctor Oli
Studholme wrote, “
<hr>
is used as a section separator quite fre-
quently in Japanese design. They're generally hidden via CSS
but visible when viewed on cHTML cell phone browsers, which
only support very basic CSS and don't get the visual design (and
with it the visual separation of sections).”
