web前端入門到實戰：解決HTML頁面亂碼問題

時間 2020-04-03

標籤 web 前端入門實戰解決 html 頁面亂碼問題欄目 HTML 简体版

原文原文鏈接

【文章來源微信公衆號：天天學編程】---關注，後臺領取編程資源javascript

HTML文件亂碼通常是由於編碼格式不匹配形成的，好比：不一樣編碼內容混雜、瀏覽器不能自動檢測網頁編碼等等；但不管是哪一種狀況形成亂碼，在HTML文件頭中設置網頁編碼，匹配好編碼格式就可。html

下面是一箇中文亂碼的html：前端

<!DOCTYPE html>
<html>
    <body>
        <h1>標題</h1>
        <p>這是一段測試文本！</p>
    </body>
</html>

效果圖：java

HTML中的編碼方式有三個：gb2312，gbk，utf-8；如今大部分瀏覽器默認編碼的是utf-8。咱們只須要把HTML編碼方式設置爲utf-8，就能夠解決html中文亂碼的問題。web

解決方法：編程

在head節點加入<meta>標籤，把字符聲明爲UTF-8瀏覽器

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

或者簡寫：微信

<meta charset="UTF-8">

解析：ide

●　http-equiv="Content-Type"表示描述文檔類型工具

●　content="text/HTML;文檔類型，這裏爲html,若是JS就是text/javascript，

●　charset=utf-8 頁面字符集，編碼，eg:gb2312,iso-8859-1,utf-8

示例：

專門創建的學習Q-q-u-n： 784783012 ，分享學習的方法和須要注意的小細節，不停更新最新的教程和學習技巧
（從零基礎開始到前端項目實戰教程，學習工具，全棧開發學習路線以及規劃）

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
</head>
<html>
    <body>
        <h1>標題</h1>
        <p>這是一段測試文本！</p>
    </body>
</html>