我使用的瀏覽器是ie9
我的系統是Windows Vista
學校名稱:國立空中大學 National Open Unuversity
系別:商學系/ 學士
摘要:
有些時候因學習上的需要時，如製作網頁地圖或其他用途須更動原始碼，
我們會複使用瀏覽中的(XXX.html)網頁的原始碼，再貼到(記事本)接著存成.html檔來觀察網頁呈現結果，
發現當開啟檔案時，html網頁會出現亂碼，無法正常字體，我對照之後，發現很有意思，只要刪除原始碼字符當中的橫槓(-)如:charset="utf-8"，
刪後charset="utf8"，在存回去原檔名或另存成.html, 重新打開更正後的html,發現網頁竟然恢復正常字體。
將發現結果，製作簡短說明，供空中大學學弟妹參考! 祝~學習愉快
問題描述與解決方法:(不包括將網頁另存為新檔，兩者差異在檔案的大小，)
正常情形是經由>檢視>編碼>Unicode(UTF_8)>改選繁體中文 (Big5)，就可以改正亂碼現象，恢復網頁。
但問題在哪?
問題1:正常瀏覽網頁OK,但有時因學習需要，必須使用原始碼，當複製原始碼貼到<記事本>存成副檔名為(XXX.html)時，
再用瀏覽器ie打開時，出現亂碼無法出現正常字體。
解決方式: 竟然是只要刪除原始碼字符的(-),就可以恢復字體了。
改正前<meta....charset="utf-8">, 在原始碼的前段可以輕易地找到它。
改正後:<meta....charset="utf8">, 刪除橫槓( -)，結果恢復字體，另存新檔檔時會出現警示方塊，
繼續>編碼方式為在下端的<ANSI>編碼
例子1:以空大首頁為例，上網瀏覽正常，下載原始碼存成.html, ie打開出現亂碼，修正後解決了亂碼現象
<head>
<title>---國立空中大學---</title>
<meta charset="utf-8">
例子2:以yahoo blog
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
更正後<meta http-equiv="Content-Type" content="text/html; charset=utf8">
例子3:中央氣象局 (http://www.cwb.gov.tw/V7/)
的原始碼網頁中超連結有經控制，有時會會出現ie9分頁同時卡住，重新整理或關掉ie就可以了，
我覺得，他的網頁設計精良，的確是練習的好題材之一。
同樣也會出現亂碼現象，經改正後字體恢復。
小結論:
當網頁原始檔<貼到記事本>要另存新檔時的下方的 因編碼方式的選擇不同所所產生的字體亂碼現象。
1.電腦預設值編碼方式>( ANSI譯美國國家準協會)，假如不更改原始碼 UTF-8時，會出現亂碼，但直接只更正原始碼之後存回去，
即使在ANSI的編碼下仍可恢復字體修正亂碼現象，在我的採用的例子裡所採用直接更正原始碼之後存回去，其他都不改下完成。
2.正確的存檔方式，需在下拉式中選擇其中>編碼方式>為(unicode譯萬國碼) 就可以了，就不會出現亂碼現象了。
3.若只是瀏覽網頁，到上方工具列的檢視>編碼>改成繁體中文Big5,應該就可以恢復字體了。
4.不同的瀏覽器會有不同的狀況和解決方式，這裡只以瀏覽器ie9為例。
留言列表
