Favicon在首页正常显示,二级页面无法加载问题求助
解决二级页面favicon无法加载的问题
问题出在你用的相对路径上:
当前代码里的href="images/favicon.ico"是相对当前页面目录的路径。首页(一般在网站根目录)访问时,实际请求的是/images/favicon.ico,能正常找到文件;但二级页面如果在子目录(比如/subpage/xxx.html),它会尝试请求/subpage/images/favicon.ico,这个路径不存在,所以图标加载失败——哪怕你把head部分移过去也没用,核心问题是路径没改对。
给你几个靠谱的解决办法:
- 改用根相对路径:把href改成
/images/favicon.ico,开头的斜杠表示从网站根目录开始查找,不管页面在哪个层级都能定位到正确的图标文件。 - 如果站点部署在子目录下(比如
https://xxx.com/my-project/),就写对应子目录的根相对路径:/my-project/images/favicon.ico。 - 最稳妥的方案是用绝对URL:直接写完整的地址,比如
https://你的域名.com/images/favicon.ico,彻底避免路径歧义。
内容的提问来源于stack exchange,提问作者Syrinca
相关产品推荐
相关产品推荐

