1. 程式人生 > >關於Html中文亂碼的問題

關於Html中文亂碼的問題

今天突然就想學Html5了。於是問了我旁邊的前端帥哥,經推薦下載了subline text 輕量級編輯器,就開始了我的Html5學習之路~

<!DOCTYPE html>
<html>
<head>
    <title>新浪首頁</title>
</head>
<body>
</body>
</html>

這樣直接執行的時候,發現新浪首頁這四個字亂碼了,沒有采用utf-8的編碼模式

解決如下

<!DOCTYPE html>
<html>
<head>
<!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> --> //改動1
    <meta charset="utf-8"> //改動2
    <title>新浪首頁</title>
</head>
<body>
</body>
</html>

PS:改動1為之前的寫法,比較繁瑣 ;改動2為現在簡潔的寫法,但是效果都是一樣的哦。

But:當你執行的時候你會發現依舊是亂碼的。這時候才發現問題出現在檔案儲存時候的Encoding方式。你肯定沒有save with Encoding  UTF-8.

重新儲存之後這個亂碼的問題就會解決嘍。(執行之前千萬要記得儲存哦,我老是忘記,哈哈哈

總結:

第一步:在head處新增<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 或者<meta charset="utf-8">標記,並將charset設定為utf-8

如果你發現亂碼問題仍然沒有解決,那就繼續往下看:

第二步:點選file - save with Encoding  UTF-8.那是因為你的編輯器不是UTF-8的哦。

好啦,第一篇部落格就這樣嘍。(*^__^*) 嘻嘻……