HPn Elememt/Tags Simulated With Text Formatting and with Style Sheets

The highlighting tags were quickly and early replaced with <I> and <B>, which have served well since their introduction in January 1993, and despite the style sheet replacements for them that have been introduced, they continue to be of such considerable use that they are still used today and still going concerns with XHTML 1.1. Perhaps their ease of use and sheer brevity count for something, together with their usefulness. Let us see the highlighted phrase examples from the calling file:

<P>Then I realized, <I>He had hidden the antidote in the other car!</I></P>

If your browser can't support these highlighted phrase tags, you either have one which is extraordinarily ancient or else one that should be replaced. This is the look the first example would have had if your browser could process <HPn> highlighted phrase tags:

Then I realized, He had hidden the antidote in the other car!

And this example shows how the highlighted phrase descriptions as they should have looked if only they had worked:

<DL><DT>&lt;HP0&gt;</DT><DD>This is for normal typeface, no italics and no bold
(default, or no effect).</DD>
<DT>&lt;HP1&gt;</DT><DD>This is for <I>italic</I> typeface.</DD>
<DT>&lt;HP2&gt;</DT><DD>This is for <B>bold</B> typeface.</DD>
<DT>&lt;HP3&gt;</DT><DD>This is for <I><B>bold italic</B></I> typeface.</DD></DL>

<HP0>

This is for normal typeface, no italics and no bold (default, or no effect).

<HP1>

This is for italic typeface.

<HP2>

This is for bold typeface.

<HP3>

This is for bold italic typeface.

With these common tags, the following can now be simulated:

<P>Then I realized, <HP1>He had hidden the antidote in the <HP0>other</HP0> car!</HP1></P>

Using:

<P>Then I realized, <I>He had hidden the antidote in the </I>other<I> car!</I></P>

Then I realized, He had hidden the antidote in the other car!

And finally we can (using nested tags) get the combination of bold and italic that <HP3> was meant to achieve:

<P>&#34;<I><B>HALT!</B></I>&#34; he said.</P>

"HALT!" he said.

Nevertheless, style sheet replacements for these useful tags do exist and see here how they work:

<DL><DT>&lt;HP0&gt;</DT><DD>This is for normal typeface, no italics and no bold
(default, or no effect).</DD>
<DT>&lt;HP1&gt;</DT><DD>This is for <SPAN CLASS="ital">italic</SPAN> typeface.</DD>
<DT>&lt;HP2&gt;</DT><DD>This is for <SPAN CLASS="bold">bold</SPAN> typeface.</DD>
<DT>&lt;HP3&gt;</DT><DD>This is for <SPAN CLASS="itbo">bold italic</SPAN> typeface.</DD></DL>

<HP0>

This is for normal typeface, no italics and no bold (default, or no effect).

<HP1>

This is for italic typeface.

<HP2>

This is for bold typeface.

<HP3>

This is for bold italic typeface.

The style sheet commands used to generate this are:

<STYLE TYPE="text/css">
.ital { font-style: italic; }
.bold { font-weight: bold; }
.itbo { font-style: italic;
        font-weight: bold; }
</STYLE>

Next Level Up