zoukankan      html  css  js  c++  java
  • favicon.ico可能会遇到的的坑

    一般都是使用Google本地测试并没有什么问题,但是遇到IE,edge就不能显示了,死活不显示,贴个例如代码

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    </head>
    
    <body>
        <h1></h1>
    </body>
    
    </html>

    一点问题没有,可以正常显示,到IE,edge不显示,究其原因是:

    是因为你在本地测试的,而不是在服务器端测试的。
    【1】在服务器端测试,默认会识别根目录下favicon.ico的文件作为网页的ico。若在个别页面有不同的ico,在个别页面用<link>添加ico即可。
    【2】在本地端测试,chrome、opera和firefox支持通过<link>标签添加ico,但IE和safari不支持。

  • 相关阅读:
    冲刺二4
    第十四周总结
    大道至简阅读笔记02
    冲刺二3
    冲刺二2
    大道至简阅读笔记01
    冲刺二1
    第十三周总结
    第一阶段意见评价
    5月23日团队开发日志
  • 原文地址:https://www.cnblogs.com/murphyzhang/p/12298912.html
Copyright © 2011-2022 走看看