本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。
解决方法：1、在软件中打开html文件，选择页面顶部的“修改”-“页面属性”，在新窗口中选择“标题/编码”，选择指定编码，点击“应用”和“确定”即可。2、不要直接使用记事本编辑html代码。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
一、乱码原因
1、不同编码内容混杂：HTML乱码是由于html编码问题照成（常见 gb2312与utf-8两种编码内容同时存在照成）
2、未设置HTML编码：<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />未设置，这里设置的是utf-8
3、使用记事本编辑html：使用记事本直接编辑html也容易照成html编码乱码
二、解决html乱码方法
1、未设置html编码
![$8F_4){{_`OSJ[UG]ZD}J2G.png](http://ypimg.muzhuangnet.com/Collect/csharp/upload/image/832/168/987/1623119899551152.png "1623119899551152.png")
html无编码声明标签
在DW软件中打开HTML后，在“代码”或“拆分”模式下（这样可以看见代码编码声明出现），点击“修改”然后选择点击“页面属性”
![CET}8~`JS]NMGRBV9_1RHMQ.png](http://ypimg.muzhuangnet.com/Collect/csharp/upload/image/301/269/326/1623119956590640.png "1623119956590640.png")
在弹出的“页面属性”选项卡中选择“标题/编码”，再对应右边“编码”选择需要的编码值。
相关阅读 >>
Html meta标签的作用是什么？Html meta标签常见的属性介绍
Html pre标签的作用是什么？Html pre标签用法及其属性详解
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
