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>

這是一個繁體中文網頁！<br>
(This page uses big5 character set.)<br>
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>

這是一個繁體中文網頁！<br>
(This page uses big5 character set.)<br>
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>

這是一個繁體中文網頁！<br>
(This page uses big5 character set.)<br>
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 <br>
  tai ehk瓣 kosteusmittausta? Kaikki kurssit ajokorteista <br>
  yritt瓣jyyteen l繹yd瓣t nyt Ura ja ty繹 -sivuilta. ( Lue lis瓣瓣 )<br>

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

</body>
</html>

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

---

HTML 簡介與應用