首頁 > web前端 > js教程 > HTML5加入了utf-8中文出現亂碼的解決方法

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

一个新手
發布: 2017-09-27 09:55:02
原創
2333 人瀏覽過


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

以上是HTML5加入了utf-8中文出現亂碼的解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板