?
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
|
â
|
â
|
|
￡
|
£
|
£
|
?
|
Ã
|
Ã
|
?
|
ã
|
ã
|
|
¤
|
¤
|
¤
|
?
|
Ä
|
Ä
|
?
|
ä
|
ä
|
|
￥
|
¥
|
¥
|
?
|
Å
|
˚
|
?
|
å
|
å
|
|
|
|
¦
|
¦
|
?
|
Æ
|
Æ
|
?
|
æ
|
æ
|
|
§
|
§
|
§
|
?
|
Ç
|
Ç
|
?
|
ç
|
ç
|
|
¨
|
¨
|
¨
|
è
|
È
|
È
|
è
|
è
|
è
|
|
?
|
©
|
©
|
é
|
É
|
É
|
é
|
é
|
é
|
|
a
|
ª
|
ª
|
ê
|
Ê
|
Ê
|
ê
|
ê
|
ê
|
|
?
|
«
|
«
|
?
|
Ë
|
Ë
|
?
|
ë
|
ë
|
|
?
|
¬
|
¬
|
ì
|
Ì
|
Ì
|
ì
|
ì
|
ì
|
|
\x7f
|
­
|
­
|
í
|
Í
|
Í
|
í
|
í
|
í
|
|
?
|
®
|
®
|
?
|
Î
|
Î
|
?
|
î
|
î
|
|
ˉ
|
¯
|
¯
|
?
|
Ï
|
Ï
|
?
|
ï
|
ï
|
|
°
|
°
|
°
|
D
|
Ð
|
Ð
|
e
|
ð
|
&ieth;
|
|
±
|
±
|
±
|
?
|
Ñ
|
Ñ
|
?
|
ñ
|
ñ
|
|
2
|
²
|
²
|
ò
|
Ò
|
Ò
|
ò
|
ò
|
ò
|
|
3
|
³
|
³
|
ó
|
Ó
|
Ó
|
ó
|
ó
|
ó
|
|
′
|
´
|
´
|
?
|
Ô
|
Ô
|
?
|
ô
|
ô
|
|
μ
|
µ
|
µ
|
?
|
Õ
|
Õ
|
?
|
õ
|
õ
|
|
?
|
¶
|
¶
|
?
|
Ö
|
Ö
|
?
|
ö
|
ö
|
|
·
|
·
|
·
|
×
|
×
|
×
|
÷
|
÷
|
÷
|
|
?
|
¸
|
¸
|
?
|
Ø
|
Ø
|
?
|
ø
|
ø
|
|
1
|
¹
|
¹
|
ù
|
Ù
|
Ù
|
ù
|
ù
|
ù
|
|
o
|
º
|
º
|
ú
|
Ú
|
Ú
|
ú
|
ú
|
ú
|
|
?
|
»
|
»
|
?
|
Û
|
Û
|
?
|
û
|
û
|
|
?
|
¼
|
¼
|
ü
|
Ü
|
Ü
|
ü
|
ü
|
ü
|
|
?
|
½
|
½
|
Y
|
Ý
|
Ý
|
y
|
ý
|
ý
|
|
?
|
¾
|
¾
|
T
|
Þ
|
Þ
|
t
|
þ
|
þ
|
|
?
|
¿
|
¿
|
?
|
ß
|
ß
|
?
|
ÿ
|
ÿ
|
|
à
|
À
|
À
|
à
|
à
|
à
|
|
|
|
??????????????????????????? 來自http://mti.xidian.edu.cn/multimedia/multi/course1-18-3.html