解决方法：1、在软件中打开html文件，选择页面顶部的“修改”-“页面属性”，在新窗口中选择“标题/编码”，选择指定编码，点击“应用”和“确定”即可。2、不要直接使用记事本编辑html代码。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
一、乱码原因
1、不同编码内容混杂：HTML乱码是由于html编码问题照成（常见 gb2312与utf-8两种编码内容同时存在照成）
2、未设置HTML编码：未设置，这里设置的是utf-8
3、使用记事本编辑html：使用记事本直接编辑html也容易照成html编码乱码
立即学习“前端免费学习笔记（深入）”；
二、解决html乱码方法
1、未设置html编码
![$8F_4){{_`OSJ[UG]ZD}J2G.png](http://cdn.chuangxiangniao.com/2025/03/20250314183834314.png "https://cdn.chuangxiangniao.com/2025/03/20250314183834314.png")
![$8F_4){{_`OSJ[UG]ZD}J2G.png](https://cdn.chuangxiangniao.com/2025/03/20250314183834314.png "https://cdn.chuangxiangniao.com/2025/03/20250314183834314.png")
html无编码声明标签
在DW软件中打开HTML后，在“代码”或“拆分”模式下（这样可以看见代码编码声明出现），点击“修改”然后选择点击“页面属性”
![CET}8~`JS]NMGRBV9_1RHMQ.png](http://cdn.chuangxiangniao.com/2025/03/20250314183834454.png "https://cdn.chuangxiangniao.com/2025/03/20250314183834454.png")
![CET}8~`JS]NMGRBV9_1RHMQ.png](https://cdn.chuangxiangniao.com/2025/03/20250314183834454.png "https://cdn.chuangxiangniao.com/2025/03/20250314183834454.png")
在弹出的“页面属性”选项卡中选择“标题/编码”，再对应右边“编码”选择需要的编码值。
选择html编码截图
选择好HTML编码后再点击“应用”，最后“确定”
应用选择好的HTML编码
根据以上步骤即可让HTML加入编码声明。
![D28]87(6VKJOYIP]LN6I2$0.png](http://cdn.chuangxiangniao.com/2025/03/20250314183839109.png "https://cdn.chuangxiangniao.com/2025/03/20250314183839109.png")
![D28]87(6VKJOYIP]LN6I2$0.png](https://cdn.chuangxiangniao.com/2025/03/20250314183839109.png "https://cdn.chuangxiangniao.com/2025/03/20250314183839109.png")
html编码添加上截图
html没有编码到添加编码使用DW软件完成。一般情况切勿手动记事本添加这行编码声明标签，不然很可能添加也因为整个html编码没有随添加编码而改变，依然存在html乱码问题。
2、记事本编辑html
一般情况避免乱码，切记不要直接使用记事本编辑Html代码，因为很容易照成编码问题而导致html中文乱码，特别是原来的html是utf编码的，记事本添加中文或代码后保存出现乱码。这是因为记事本直接修改代码特别是添加中文后，添加的部分是gbk编码的内容，而原始内容是utf的编码，这样一个Html中两种编码的内容同时存在会照成乱码问题。虽然什么编码我们肉眼是无法分辨的，但这个编码格式模式是存在的，所以编码乱码问题终结解决方法就是使用DW软件进行编辑修改。这样可以大大减少乱码问题。（如何选择gb2313 utf-8）
推荐学习：html视频教程
以上就是html5中文乱码怎么办的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2949478.html
