html中文乱码一般都是由于编码不一致导致，一般是代码声明或者浏览器默认的编码与文件保存的实际编码不一致造成的，解决的方法就是要代码中声明的代码要和文件保存的编码一致，这样中文就不会出现乱码的现象了。
工具原料：编辑器、浏览器
1、首先在html代码中声明字符集即编码，意思就是告诉浏览器以什么编码来解析本文件，代码如下：
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>测试中文乱码</p>
</body>
</html>
2、以上代码的中的<meta charset="UTF-8">就是声明字符集使用的utf-8。
3、声明字符集后浏览器解析的时候就会以声明的字符集去解析文档，但是要保证解析的不乱码，就要保证文件保存时候的编码格式和声明的格式一致才行，如下图：
4、选择一致的utf-8编码后保存，运行的时候就可以保证中文不会乱码了，如下图：
准备工具/材料：装有windows 10的电脑一台，浏览器软件。
1、我们先打开html文件，有时候会出现乱码。
2、将鼠标移动到网页空白处，右键单击，然后选择编码。
3、在编码里面选择自动检测。
4、转换了编码后，我们会看到字体已经恢复正常了。
没有在编码里面选择自动检测准备材料：电脑、html文件、浏览器
1、首先打开html文件，有时候就会出现乱码。
/iknow-pic.cdn.bcebos.com/43a7d933c895d143d454b23c7cf082025aaf078a"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/43a7d933c895d143d454b23c7cf082025aaf078a?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/43a7d933c895d143d454b23c7cf082025aaf078a"/>
2、将鼠标移到页面空白处，右键单击，然后选择编码。
/iknow-pic.cdn.bcebos.com/377adab44aed2e73159ed0338801a18b87d6fabe"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/377adab44aed2e73159ed0338801a18b87d6fabe?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/377adab44aed2e73159ed0338801a18b87d6fabe"/>
3、在编码里面单机选择自动检测。
/iknow-pic.cdn.bcebos.com/03087bf40ad162d9418034031edfa9ec8a13cd47"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/03087bf40ad162d9418034031edfa9ec8a13cd47?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/03087bf40ad162d9418034031edfa9ec8a13cd47"/>
4、转换代码后，就会看到字体已恢复正常。
/iknow-pic.cdn.bcebos.com/0b7b02087bf40ad1d12b90fc582c11dfa8eccee6"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/0b7b02087bf40ad1d12b90fc582c11dfa8eccee6?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/0b7b02087bf40ad1d12b90fc582c11dfa8eccee6"/>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）