BCC-16 (in Chinese) 計算機概論十六講 HTML -- Style

HTML 教材：變換字體

HTML 提供一些改變字體的環境，例如在 B 環境內的文字會以粗體字 (boldface) 呈現，在 STRONG 環境內的文字也會以粗體字 (boldface) 呈現。既然它們效果一樣，為什麼要分成 B 和 STRONG 兩種環境？

HTML 有兩大類字體環境：字面的 (syntactic) 和語意的 (semantic)。

所謂字面的字體環境，是要求瀏覽器採用我們在標籤中明確要求的字體。例如 B 環境要求粗體 (boldface)，I 環境要求花體 (italic)， TT 環境要求鉛字體 (typewriter)。
- B 環境 (boldface) 要求粗體字。
- I 環境 (italic) 要求花體字。
- TT 環境 (typewriter) 要求鉛字體。
所謂語意的字體環境，是告訴瀏覽器這一段文字的語氣，由瀏覽器自行決定該變換什麼字體來表現那種語氣。例如
- STRONG 環境表示加重語氣。
- EM 環境 (Emphasize) 表示強調語氣。
- DFN 環境 (Definition) 用在新名詞第一次出現的時候。
- VAR 環境 (Variable) 表示變數。
- CODE 環境表示計算機的輸出，或模擬監視器上的字。
- KBD 環境 (Keyboard) 表示從鍵盤輸入計算機的文字。

HTML 的環境大多數是按照語意來排版，所以正規的建議是避免使用字面的環境。但是因為它們很簡單，而且行之已久，作者似乎很難避免。前述三種字體在文章中有其習慣的用法：

B 粗體字通常用以加重語氣。但是它容易造成版面突兀，應避免過度在文章中使用，原則上應該只用在標題處。
I 花體字通常用在第一次出現的專有名詞、或數學算式、或強調語氣、或引述句 (quotation) 中。
TT 鉛字體通常用來表示計算機的輸入或輸出。

其實，最後排版的結果還是有瀏覽器決定的。如果它沒有作者指定的字體，那就巧婦難為無米之炊，它可能就做一些權宜的處理。譬如說 I 環境本來要求的是花體字 (italic)，但是如果沒辦法，就會用斜體字 (slant) 來頂替。有些瀏覽器無法提供中國字的粗體字，就用普通字體來頂替。

以上指令通常對英文字母和數目字有效，但未必對中文有效。更何況，上述字樣的變形，是西文排版的慣例，用到中文並不合適。譬如說，用中文字體 (明體、仿宋、楷書、隸書) 的粗體字樣來招惹注意，似乎還說得過去，但是用這些字體的斜體字樣，就顯得不倫不類。在中文排版中，

普通字體應該使用明體，
對應西文之斜體字，應該是小楷，
對應西文之鉛字體，應該是宋體或仿宋體，
粗體字不該出現在文章內容中，只應該出現在標題上，所以應該可以對應中文的大楷或中楷字體。

但是中文的電子文書處理之軟體及規章尚未完備，在近期內，我們尚未能實現上述理想。例如這份教材內，到處出現不倫不類的中文斜體字，實在非我本願。

雖然在 MS-Windows 系統中我們可以令 HTML 文件顯示「標楷體」，但是這個參數只有在 MS-Windows 系統中有效，因為在其他電腦中，根本沒有「標楷體」這個字型。請讀者注意：

盡量避免使用只限定某種系統才能接受的排版指令或參數。換言之，應該盡量只使用公定標準的語法。

製作網頁的最主要目的應該是提昇人們的溝通效率，在此意義之下，我們當然不應該專門為某家特定廠商的消費者製作網頁！

習題

在各種瀏覽器內，實驗以下 HTML 文件的排版結果

<HTML>
<BODY>
<P><B>Here I want boldface 中文粗體字</B>
<P><I>Here I want italic 中文花體字</I>
<P><TT>Here I want typewriter 中文鉛字體</TT>
<P><STRONG>Here I make a strong point 中文加重語氣</STRONG>
<P><EM>Here I emphasize my words 中文強調說明</EM>
<P><DFN>Here I define a new phrase 中文定義新名詞</DFN>
<P><VAR>Here is a variable 中文參數或變數</VAR>
<P><CODE>Here is a source code 中文電腦原始碼</CODE>
<P><KBD>Here is a keyboard input 中文電腦鍵盤輸入</KBD>
</BODY>
</HTML>

單維彰 (1999/12/13) --- 99/12/28, 03/11/20 (單)