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

时间:2022-10-23 10:03:06

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

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

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

 解决方法有三种:

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

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
编码格式为GB2312
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
编码格式为UTF-8
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
编码格式为UTF-8

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

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

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

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

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

解决后的结果

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

 

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

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

 

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