用记事本制作html网页GBK,记事本编写的HTML文件,用浏览器打开乱码

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

90a1f10f358b5e94c7b5a7cf168b6135.png

d241dba4d3c318703712414afd477dc3.png

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

解决方法有三种:

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

编码格式为GB2312

编码格式为UTF-8

编码格式为UTF-8

4707ce772a9713db965dabc2ec764042.png

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

bea12bc1bbca690d9b8d2367d0642c1d.png

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

bc86804566958f848dabe45ccf98d962.png

解决后的结果

a61b1d5eef9c8671ca6451122db885b7.png

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

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

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