记事本编写的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

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

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

解决后的结果

 

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

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

 

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

转载于:https://www.cnblogs.com/dream515/p/9799569.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值