HTML5添加了utf-8中文出現亂碼的解決方法

來源：懂視網責編：小采時間：2020-11-27 20:12:34

HTML5添加了utf-8中文出現亂碼的解決方法

HTML5添加了utf-8中文出現亂碼的解決方法:HTML5添加了utf-8中文還是亂碼前言：本人使用的編輯器為EditPlus 最近在學習html5，對照相關教材敲出了如下代碼，也設置了編碼格式，但是title展示出來確實亂碼。代碼如下：<!DOCTYPE html><html><head> <

推薦度：

點擊下載本文 文檔為doc格式

導讀HTML5添加了utf-8中文出現亂碼的解決方法:HTML5添加了utf-8中文還是亂碼前言：本人使用的編輯器為EditPlus 最近在學習html5，對照相關教材敲出了如下代碼，也設置了編碼格式，但是title展示出來確實亂碼。代碼如下：<!DOCTYPE html><html><head> <

HTML5添加了utf-8中文還是亂碼

前言：本人使用的編輯器為EditPlus
最近在學習html5，對照相關教材敲出了如下代碼，也設置了編碼格式，但是title展示出來確實亂碼。代碼如下：

<!DOCTYPE html><html><head>
 <meta http-equiv="Content-Type"content="text/html;charset=UTF-8">
 <!-- <meta charset="UTF-8"> --><title>是否支持h5</title>
 <style type="text/css">
 #myCanvas{ 
 background:red; 
 width:200px; 
 height:100px;
 }
 </style></head><body>
<canvas id="myCanvas">該瀏覽器不支持HTML5的畫布標記！</canvas>
</body></html>

原因如下：
代碼本身是沒有問題的，問題就出編輯器身上。<meta charste="utf-8">只是告訴瀏覽器要用utf-8來解釋，但是文檔本身的編碼，是在保存時的選擇決定的，如果保存用的ANSI ，然后用utf-8解釋，肯定是亂碼，編輯器和記事本默認保存的文件格式是ANSI，所以在保存的時候要修改為utf-8。

附:
修改對應編輯器EditPlus配置編碼方式的方法：

1、中文版EditPlus設置方法：
點擊“工具” ——>選擇“配置用戶工具” ——>在打開的窗口中，選擇“文件” ——>選擇默認編碼的編碼方式，如圖選擇的“utf-8”——>然后點擊確認。
退出軟件，重新新建文件，復制上面代碼，保存新文件就為UIF-8編碼格式的了。

2、英文版EditPlus設置方法：
Tools ——>Configure user Tools…——>點擊“File”——>設置 Default encoding 為UTF-8——>然后點擊“Apply”保存。
退出軟件，重新新建文件，復制上面代碼，保存新文件就為UIF-8編碼格式的了。

name: OOLD
code: A8F04-F7160-1C99F-79CDB-F4CE8

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com