HTML为单独的词或者句子定义了两种样式：物理样式(Physical Style)和逻辑样式(Logical Styles)。物理样式说明标签之间的文句的特定外貌，而逻辑样式则按文本的意思显示文句的外貌。
表18-1和表18-2分别列出了部分物理样式和逻辑样式的标签功能。
表18-1物理样式(Physical Style)
|
标签
|
显示样式
|
说明
|
|
<B>求实创新！</B>
|
求实创新！
|
黑体
|
|
<I>求实创新！</I>
|
求实创新！
|
斜体
|
|
<U>求实创新！</U>
|
求实创新！
|
下划线
|
|
<TT>求实创新！</TT>
|
求实创新！
|
打字机字体
|
|
<SUP>求实创新！</SUP>
|
求实创新！
|
上标
|
|
<SUB>求实创新！</SUB>
|
求实创新！
|
下标
|
|
<S>求实创新！</S>
|
求实创新！
|
加删除线
|
|
<STRIKE>求实创新！</STRIKE>
|
求实创新！
|
加删除线
|
表18-2 逻辑样式(Logical Style)
|
标签
|
显示样式
|
主要用途
|
|
<BIG>求实创新！</BIG>
|
求实创新！
|
|
|
<CITE>求实创新！</CITE>
|
求实创新!
|
书名、影视名等的引用，斜体
|
|
<CODE>求实创新！</CODE>
|
求实创新！
|
计算机代码，显示固定宽度字体
|
|
<DFN>求实创新！</DFN>
|
求实创新！
|
定义一个词，通常为斜体
|
|
<EM>求实创新！</EM>
|
求实创新！
|
强调，通常为斜体
|
|
<KBD>求实创新！</KBD>
|
求实创新！
|
键盘输入，显示无格式的固定宽度字体
|
|
<SAMP>求实创新！</SAMP>
|
求实创新！
|
显示固定宽度字体
|
|
<SMALL>求实创新！</SMALL>
|
求实创新！
|
显示固定宽度字体
|
|
<STRONG>求实创新！</STRONG>
|
求实创新！
|
强调，显示黑体字符
|
|
<VAR>变量</VAR>
|
变量
|
变量，显示斜体字符
|
从这两张表中可以看到，在某些情况下，例如对于同样一个需要强调的词或者句子，使用物理样式标签和逻辑样式标签可以获得相同的显示效果。
既然物理样式和逻辑样式可显示相同的效果，那么为什么要如此繁琐地定义这两种样式标签？这是因为在SGML语言中“内容”和“内容的表达方法”是分开的，而HTML是SGML中的子集，同样也有这个特性。例如，SGML标记“HTML概要”为一级标题时，并没有指定一级标题中的“HTML概要”的字体大小(如四号字)和对齐方式(如居中)。这样做的好处是：如果想改变一级标题中的字体(如改为三号字体)和对齐方式(如改为左对齐)时，你所要做的仅仅是改变浏览器中的一级标题的定义。
物理样式和逻辑样式各有它们自己的优点。使用逻辑标签的优点是可强制文档中同一文素的类型的一致性。例如，标记某标题为<H1>比你去记住一级标题的字号、对齐方式等等要容易得多，这样就不容易记错，保证了一级标题的一致性；使用物理样式的好处是浏览器会严格遵照你标记的样式显示文本，因此在不希望浏览器改变样式的情况下就应该使用物理格式。
18.3.2 转义字符串
转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中，定义转义字符串的原因有两个：第一个原因是像“<”和“>”这类符号已经用来表示HTML标签，因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号，就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时，要严格遵守字母大小写的规则。第二个原因是，有些字符在ASCII字符集中没有定义，因此需要使用转义字符串来表示。表18-3是其中的几个转义字符串。
表18-3 特殊字符
|
字符
|
十进制
|
转义字符
|
|
"
|
"
|
"
|
|
&
|
&
|
&
|
|
<
|
<
|
<
|
|
>
|
>
|
>
|
|
不断开空格(non-breaking space)
|
 
|
|
表18-4 其他字符
|
字符
|
十进制
|
转义字符
|
字符
|
十进制
|
转义字符
|
字符
|
十进制
|
转义字符
|
|
?
|
¡
|
¡
|
Á
|
Á
|
Á
|
á
|
á
|
á
|
|
￠
|
¢
|
¢
|
Â
|
Â
|
ˆ
|
â
|
â
|
â
|
|
￡
|
£
|
£
|
Ã
|
Ã
|
Ã
|
ã
|
ã
|
ã
|
|
¤
|
¤
|
¤
|
Ä
|
Ä
|
Ä
|
ä
|
ä
|
ä
|
|
￥
|
¥
|
¥
|
Å
|
Å
|
˚
|
å
|
å
|
å
|
|
|
|
¦
|
¦
|
Æ
|
Æ
|
Æ
|
æ
|
æ
|
æ
|
|
§
|
§
|
§
|
Ç
|
Ç
|
Ç
|
ç
|
ç
|
ç
|
|
¨
|
¨
|
¨
|
È
|
È
|
È
|
è
|
è
|
è
|
|
©
|
©
|
©
|
É
|
É
|
É
|
é
|
é
|
é
|
|
a
|
ª
|
ª
|
Ê
|
Ê
|
Ê
|
ê
|
ê
|
ê
|
|
?
|
«
|
«
|
Ë
|
Ë
|
Ë
|
ë
|
ë
|
ë
|
|
?
|
¬
|
¬
|
Ì
|
Ì
|
Ì
|
ì
|
ì
|
ì
|
|
\x7f
|
­
|
­
|
Í
|
Í
|
Í
|
í
|
í
|
í
|
|
®
|
®
|
®
|
Î
|
Î
|
Î
|
î
|
î
|
î
|
|
ˉ
|
¯
|
¯
|
Ï
|
Ï
|
Ï
|
ï
|
ï
|
ï
|
|
°
|
°
|
°
|
Ð
|
Ð
|
Ð
|
ð
|
ð
|
&ieth;
|
|
±
|
±
|
±
|
Ñ
|
Ñ
|
Ñ
|
ñ
|
ñ
|
ñ
|
|
2
|
²
|
²
|
Ò
|
Ò
|
Ò
|
ò
|
ò
|
ò
|
|
3
|
³
|
³
|
Ó
|
Ó
|
Ó
|
ó
|
ó
|
ó
|
|
′
|
´
|
´
|
Ô
|
Ô
|
Ô
|
ô
|
ô
|
ô
|
|
μ
|
µ
|
µ
|
Õ
|
Õ
|
Õ
|
õ
|
õ
|
õ
|
|
?
|
¶
|
¶
|
Ö
|
Ö
|
Ö
|
ö
|
ö
|
ö
|
|
·
|
·
|
·
|
×
|
×
|
×
|
÷
|
÷
|
÷
|
|
?
|
¸
|
¸
|
Ø
|
Ø
|
Ø
|
ø
|
ø
|
ø
|
|
1
|
¹
|
¹
|
Ù
|
Ù
|
Ù
|
ù
|
ù
|
ù
|
|
o
|
º
|
º
|
Ú
|
Ú
|
Ú
|
ú
|
ú
|
ú
|
|
?
|
»
|
»
|
Û
|
Û
|
Û
|
û
|
û
|
û
|
|
?
|
¼
|
¼
|
Ü
|
Ü
|
Ü
|
ü
|
ü
|
ü
|
|
?
|
½
|
½
|
Ý
|
Ý
|
Ý
|
ý
|
ý
|
ý
|
|
?
|
¾
|
¾
|
Þ
|
Þ
|
Þ
|
þ
|
þ
|
þ
|
|
?
|
¿
|
¿
|
ß
|
ß
|
ß
|
ÿ
|
ÿ
|
ÿ
|
|
À
|
À
|
À
|
à
|
à
|
à
|
|
|
|
来自http://mti.xidian.edu.cn/multimedia/multi/course1-18-3.html