關于HTML編碼導致的亂碼問題

  發布時間:2021-09-02 11:25:52   作者:Alex Hub   我要評論
今天遇到個問題就是寫的HTML代碼打開顯示的是亂碼問題,怎么處理這一問題呢,下面小編通過圖文實例相結合給大家分享處理方法,一起看看吧

今天一個學弟問了一個問題,它寫的HTML代碼打開顯示的是亂碼。

然后就給我發來了代碼。

在這里插入圖片描述

就一個HTML文件和一個文件夾,打開一看,很簡單的代碼。

<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>個人介紹</title>
</head>
<body>
    <h6>自己紹介</h6><br>
    <h4>名前</h4><br>
    私の名前はトウメイホウです<br>
    <h4>好きなこと</h4><br>
    旅行が好きです<br>
    ゲームが好きです<br>
    <h4>出生地介紹</h4><br>
    四川人です。四川の山が多くて、四川人は親切で客好きです。四川人は辛いものが大好きです。<hr>
    <h4>將來の夢</h4><br>
    優秀なプログラマーになりたいです。<hr>
    <a href="hobby/myhobby.html">私の趣味をチェックします。</a>
</body>
</html>

因為是中日專業的同學,所以很多內容都是日文,用瀏覽器打開是這樣的:

在這里插入圖片描述

總之就是亂碼,啥也看不懂。

出現亂碼了肯定就是編碼方式的問題,但是看代碼里已經標明了使用的是UTF-8編碼,為啥還是亂碼呢。

在這里插入圖片描述

注意看我用記事本打開是能夠正常顯示的,但是通過瀏覽器打開就是亂碼,這是因為記事本的編碼方式是ANSI,并不是UTF-8,跟我們寫在代碼里的不同。

所以我們需要把編碼方式統一。

也就是:<meta charset="UTF-8">
得改成:<meta charset="ANSI">

然后重新打開就可以正常顯示啦。
 

在這里插入圖片描述

到此這篇關于關于HTML編碼問題導致的亂碼問題的文章就介紹到這了,更多相關html亂碼問題內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章,希望大家以后多多支持腳本之家!

相關文章

  • HTML5在IE10、火狐下中文亂碼問題的解決方法

    寫HTML5代碼時發現中文顯示亂碼,之前以為是不兼容IE10、然后換成火狐,誰知也不行,經反復研究測試,尋得個不錯的解決方法,有類似情況的朋友可以參考下
    2013-11-18
  • HTML5 UTF-8 中文亂碼的解決方法

    HTML5 UTF-8出現中文亂碼的情況,應該有很多的朋友都有遇到吧,用記事本寫,保存后在網頁上運行出現了亂碼,換成GB2312能正確顯示中文,下面就為大家探討下具體的解決方法
    2013-11-18
  • html文件的中文亂碼問題與在瀏覽器中的顯示問題

    我今天的頁面也是出現了亂碼,所以在網上查找了相關的問題,看來一下,這個方法挺不錯的,我也試驗了呢,我用的editp編輯器,在文檔—文件編碼—更改文件編碼—選擇自己所
    2013-02-26
  • html 中文亂碼 HTML超鏈接中文亂碼問題分析及解決方法

    Vm中一個超鏈接URL需要拼接中文作為Get請求的參數如果直接拼接,傳到后臺Action的參數對象中后取出會是亂碼,需要編碼后再拼接到URL上,接下來將和大家分享一下解決方法
    2012-12-30

最新評論

精品国内自产拍在线观看