记事本编写的html乱码,记事本编写的HTML文件,用浏览器打开乱码

今天第一次写html,就遇到了问题,用记事本编写html代码之后,另存为.html,用浏览器打开出现乱码。

d76fe8f9bb3bfd2a39af47a4bde11b11.png

352e68b66ca704668b976fe7998123c5.png

这是什么原因呢,检查代码各个标签格式都没有问题,经过百度之后,才知道,记事本保存的TXT文件编码格式默认是ANSI,但是文本里面的内容编辑是用的UTF-8,存储与编辑的格式不对,导致浏览器打开是乱码(网页编码用的是存储的)。

解决方法有三种:

一、在html里面统一规范下编码格式,可以根据自己的编码格式,在html头部添加编码格式来规定网页的编码

编码格式为GB2312

编码格式为UTF-8

编码格式为UTF-8

5917fc52a296f9a724ae98d0abd04381.png

二、右键,用记事本打开文件,选择另存为,将编码格式换成UTF-8

4ac765d733db42d9e08347a2cb6983e4.png

三、用Notepad++工具打开文件,显示修改编码格式,保持跟记事本默认存储格式一样ANSI(注意:直接修改格式,会导致原先的中文变成乱码,需要重新输入中文,才正确,建议修改格式前先复制一份出去)

8891dad654d612309a583b08b0b70c17.png

解决后的结果

dbc658a62e36d0ab45cc37f5a3e39bfe.png

对于示例中的第一行代码,相信很多初学者跟我一样不明白,难道只是简单的在网页显示中多了一行吗,其实并不是,他有很重要的作用,建议看看下面博主月南的解释。(如有越权,请及时联系本人删除)

https://www.cnblogs.com/Eton/p/6063450.html

如有遗漏望多多包涵,欢迎指正错误与不足。

原文:https://www.cnblogs.com/dream515/p/9799569.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值