5-2 嚙緙嚙踝蕭嚙編嚙碼

我們可以使用 meta 標籤來指定網頁的語言編碼，請見下例：
Example（meta01.htm）：
上述範例的完整原始檔案如下：
原始檔（meta01.htm）：（灰色區域按兩下即可拷貝）
<HTML>
<HEAD> 
	<TITLE> meta 標籤的使用：中文網頁 </TITLE>
	<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=big5">
</HEAD>
<BODY>

這是一個繁體中文網頁！ 
(This page uses big5 character set.) 
charset=big5

</BODY>
</HTML>
在上述範例中，我們使用 meta 標籤來指定語言編碼，其中

「HTTP-EQUIV="Content-Type"」代表在此標籤所定義的字串，將被以 HTTP 表頭資訊的方式送到用戶端，其類別是 Content-Type
「CONTENT="text/html; charset=big5"」代表送到用戶端的資訊是文字，且是 HTML，而且其語言的編碼方式是 big5（繁體大五碼）
若語音編碼不對，則在用戶端會產生一端亂碼，例如：
Example（meta02.htm）：
上述範例的完整原始檔案如下：
原始檔（meta02.htm）：（灰色區域按兩下即可拷貝）
<HTML>
<HEAD> 
	<TITLE> meta 標籤的使用：中文網頁 </TITLE>
	<meta http-equiv="content-type" content="text/html; charset=gb2312">
</HEAD>
<BODY>

這是一個繁體中文網頁！ 
(This page uses big5 character set.) 
charset=gb2312

</BODY>
</HTML>
在上述範例中，我們的內文是中文大五碼，但是在 meta 標籤，我們卻設定成簡體國標碼，因此檔網頁送到用戶端時，瀏覽器會根據表頭資訊來呈現網頁內容，所以變成「用國標碼來呈現大五碼」，當然出現就是亂碼了。
Hint
如果你的瀏覽器無法顯示國標碼，有時候作業系統會提醒你到微軟網站下載相關的 Language Pack，以便正確顯示國標碼。
下面這個範例，則是「用日語編碼來顯示大五碼」的範例：
Example（meta03.htm）：
上述範例的完整原始檔案如下：
原始檔（meta03.htm）：（灰色區域按兩下即可拷貝）
<HTML>
<HEAD> 
	<TITLE> meta 標籤的使用：如何呈現多國語言 </TITLE>
	<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
</HEAD>
<BODY>

這是一個繁體中文網頁！ 
(This page uses big5 character set.) 
charset=Shift_JIS

</BODY>
</HTML>
當然，如果你知道正確編碼，也可以在瀏覽器的下拉式選單選取「檢視/編碼/繁體中文 (Big5)」，來強制瀏覽器將編碼方式改成大五碼編碼。請試試看！
或許讀者會問，如果要在同一個網頁呈現多國語言，要如何設定 charset 這個屬性呢？答案是使用 unicode 來進行文字編碼，請見下列範例：
Example（unicode01.htm）：
上述範例成功地呈現了多國語言，完整原始檔案如下：
原始檔（unicode01.htm）：（灰色區域按兩下即可拷貝）
嚜?HTML>
<HEAD> 
	<TITLE> meta 璅嗵惜?�蝙?剁?憒�??�𣶹憭𡁜?隤噼? </TITLE>
	<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
</HEAD>
<BODY>

<body>
甇斗?隞嗡蝙??unicode (UTF-8) 蝺函Ⅳ嚗峕?隞乩??臭誑?见�?�??�?嚗?
<dl>

<dt>蝜�?銝剜?嚗?
<dd>?蹱糓蝜�?銝剜?

<dt>蝪⊿?銝剜?嚗?
<dd>?齿挾?園𡢿?匧�隞碶??�??堆?銝滩�?𦠜𧒄?𧼮?

<dt>?交?嚗?
<dd>
 ?梁�?€?胯�?喋€€?譌???br>
 ?交𧋦?€?怒�?瓐€€?卝???br>
 撅晞€€?��?€?扎?

<dt>?𤘪?嚗?
<dd>黺嶅﹞瑽刮€卿䕫鞎Ｙ??㗻洸?�慫篣𣽁砟?找?諡䁯?嚗�??�洹篹? ?𡂖礆隢㘾洹篹㵪?

<dt>?祈嵰嚗?
<dd>
 Haluaisitko opiskella j瓣rjestyksenvalvontaa, dramaturgiaa 
 tai ehk瓣 kosteusmittausta? Kaikki kurssit ajokorteista 
 yritt瓣jyyteen l繹yd瓣t nyt Ura ja ty繹 -sivuilta. ( Lue lis瓣瓣 ) 

<dt>?踵?隡舀?嚗?
<dd>
 ???堛?堥 ??堹? 塈?塈?堛堭?堛 ?堿?塈?塈 堨堛媯?? 媢?? 塈?堭??? 07770303 ?? 塈??塈??堭堜 
 塈? 媢?? 塈?堭??? 09080303 ?? 塈???堶塈?婺塈堛
</dl>

</body>
</html>
你如果在上述原始碼看到亂碼，表示我們的網頁是用繁體中文的大五碼來編碼，所以看不到各國文字。請開啟上述範例網頁後，利用記事本來檢視原始碼，即可看到含有各國文字的原始碼。
HTML 簡介與應用