網站開發亂碼問題根治：編碼統一、Notepad++ 正確轉碼、Meta 聲明三步走

亂碼成因

原用記事本 (預設 ANSI/GB2312) 編寫，頁面含 <meta charset="gb2312">。改用 Notepad++ 預設 **UTF-8 無 BOM** 保存，導致實際位元組流為 UTF-8，但瀏覽器按 GB2312 解碼，產生亂碼。

徹底解決步驟

1. 統一專案編碼為 UTF-8 (現代 Web 標準，支援全語系)。
2. Notepad++ 批量轉碼：
   • 選中所有檔案 → 編碼(E) → 轉為 UTF-8 編碼 (非「以 UTF-8 編碼打開」)。
   • 確認狀態欄顯示 UTF-8。
3. 頁面聲明一致：

   
   <meta charset="UTF-8">  // HTML5 簡寫
   // 或
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   

4. 伺服器回應頭一致 (關鍵)：

   
   Content-Type: text/html; charset=UTF-8
   // Nginx: charset utf-8;
   // Apache: AddDefaultCharset UTF-8
   // IIS: web.config 
   

5. 資料庫連線編碼：JDBC URL ?characterEncoding=UTF-8, MySQL SET NAMES utf8mb4。

驗證清單

• 瀏覽器開發者工具 Network → Response Headers → Content-Type 含 charset=UTF-8。
• 頁面右鍵「檢視原始碼」中文正常顯示。
• 表單提交中文入庫、查詢無亂碼。