html程式碼在瀏覽器中打開出現亂碼,怎麼解決?

來源:酷知科普網 1.4W

相信很多朋友有過類似的,就是自己手動編寫的html程式碼使用瀏覽器開啟的時候,會出現亂碼,這究竟怎麼解決呢?我們一塊瞭解一下。

html程式碼在瀏覽器中打開出現亂碼,怎麼解決?
html程式碼在瀏覽器中打開出現亂碼,怎麼解決? 第2張

操作方法

(01)使用html書寫工具寫好要製作網頁的html程式碼塊,(本次演示使用表單示例),如果未進行“轉碼”宣告,進行儲存後,使用瀏覽器開啟將會出現如下圖示亂碼。

html程式碼在瀏覽器中打開出現亂碼,怎麼解決? 第3張
html程式碼在瀏覽器中打開出現亂碼,怎麼解決? 第4張

(02)出現亂碼現象,不是字型(font)設定有誤,而是因為沒有進行轉碼宣告。要使瀏覽器正常顯示,需要在html文件的<head>標籤中的<meta>標籤內作轉碼宣告。(如下圖方框內所示標記)(HTML4的時候):<meta http-equiv="content-type" content="text/html; charset=UTF-8" >(HTML5的時候):<meta charset="UTF-8" >這樣做的目的是告訴瀏覽器,你所書寫的html文件編碼格式是什麼,這樣瀏覽器才能正確識別你所書寫的html程式碼。

html程式碼在瀏覽器中打開出現亂碼,怎麼解決? 第5張

(03)將新增上轉碼宣告的html文件以拓展名為""或“”的格式儲存,並使用瀏覽器開啟。這樣就不會出現亂碼現象了。

html程式碼在瀏覽器中打開出現亂碼,怎麼解決? 第6張

特別提示

儲存html文件的時候必須以拓展名為“”或“”的格式儲存。

書寫程式碼時需要認真仔細,切忌別寫錯程式碼單詞喲!

熱門標籤