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不支持。

来源：https://www.cnblogs.com/murphyzhang/p/12298912.html

标签

favicon

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!