favicon.ico可能会遇到的的坑
Posted murphyzhang
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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不支持。
以上是关于favicon.ico可能会遇到的的坑的主要内容，如果未能解决你的问题，请参考以下文章