網頁文件中的文字雖然看起來都一樣,但編碼不同可能會造成亂碼問題
假設我在head宣告文件為UTF-8,但網頁文件卻是big5編碼,可能會造成亂碼問題,網頁設計多少都會遇到過這種狀況,這時需要將文件轉換至正確的文件編碼。
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
使用Notepad++檔案編碼互轉
Notepad++是有名的免費軟體 (繁體中文)
- Notepad++官方網站:https://notepad-plus-plus.org/
- Notepad++安裝版下載網頁:https://notepad-plus-plus.org/download/
以Notepad++開啟文件
上圖紅框處為目前文件編碼
上方工具列:編碼 > 轉換至 UTF-8 碼格式 ( 檔首無BOM )
“檔首無BOM”,BOM是在檔案開始會有幾個隱藏字元,
如果不確定BOM功能,建議選擇”檔首無BOM”的 UTF-8
紅框處確認轉換後編碼,在按下:檔案 > 儲存檔案
顯示正常囉囉!!
網頁造成亂碼的原因很多,有可能是文件,也有可能是資料庫,這只是一種解決方案,慢慢累積經驗囉
感謝教學。:)
不會喔~一起學習:)