Sublime写html文件，用浏览器打开是乱码

偏执的太偏执、 2023-08-17 15:30 99阅读 0赞

今天第一天学习前端，刚开始学就遇到了问题，我是用Sublime编写的文件，发现用浏览器打开的时候显示的是乱码

简单的代码格式如下：

<!DOCTYPE html> 
    <html>    
    <head>
    	<meta  charset="utf-8">  
    	<title>个人主页</title>
    </head>
    <body>
    	你好，这是我的个人主页!
    </body>
    </html>

打开后显示乱码  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3MDA1OA_size_16_color_FFFFFF_t_70]  
后来百度找到原因，重新以utf-8进行编码就可以解决：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3MDA1OA_size_16_color_FFFFFF_t_70 1]  
解决后的网页：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3MDA1OA_size_16_color_FFFFFF_t_70 2]  
后来又想到，如果是其他的编码格式呢？在网页上还能打开吗？  
于是就设置了gb2312格式，发现还是乱码，就想到可能是因为网页源代码和自己编写的html的编码不一致，于是查看了网页源代码，发现是utf-8的编码格式，所以才会导致乱码。  
![在这里插入图片描述][2019092616141957.PNG]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3MDA1OA_size_16_color_FFFFFF_t_70]: /images/20230810/ff2a28748b5c414a8d6a67adaffdc1a1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3MDA1OA_size_16_color_FFFFFF_t_70 1]: /images/20230810/f22dbcf5b8334fa2b1c5f4427822f9d1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3MDA1OA_size_16_color_FFFFFF_t_70 2]: /images/20230810/ca78b9535af94e4aab6deece4ea9b6cf.png
[2019092616141957.PNG]: /images/20230810/ce95862b721448f393f1a6a52d2313db.png