Html图片加载不出,中文名图片名称,文件名有误差

此文是我自己刚刚入门所经历的bug,图文并茂,虽说都是小错误,但是每天进步一点点也是好的,所以给自己提个醒吧,也算是记录点点滴滴啦

在这里插入图片描述

  1. 检查src属性指定的文件名是否正确,与文件夹是否完全一致(上面划横线处与下面jpg名称)。在这里插入图片描述
    一定要完全一致!!!
  2. 图片名称尽量用英文,以及超链接路径中尽量不要有中文,这是很不好的编程习惯,容易乱码!!! 采用中文命名文件名,不是一个好的习惯。
    一开始我用中文命名,结果网页出现乱码。
    solve:方案一:把中文进行utf-8编码
    方案二:文件在保存时选择utf-8
    产生乱码的根本原因:编码和解码采用的字符集不同。
    字符集:编码和解码所采用的规则。包括:ANSI自动以系统默认编码,GB23312中文编码,UTF-8万国码(支持所有文字)。
    以后命名文件要习惯用英文哦!!!

下图中,我把横线处本来是中文字的,通过utf-8编码转换(直接搜索编码转换,有在线转换工具)
在这里插入图片描述
就得到如下(横线处已经不再是乱码了)
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值