#前言: 本人使用的編輯器為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中文網其他相關文章!