码迷,mamicode.com
首页 > 其他好文 > 详细

favicon.ico可能会遇到的的坑

时间:2020-02-12 14:34:35      阅读:1226      评论:0      收藏:0      [点我收藏+]

标签:class   遇到   meta   opera   服务器   span   一点   doc   firefox   

一般都是使用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可能会遇到的的坑

标签:class   遇到   meta   opera   服务器   span   一点   doc   firefox   

原文地址:https://www.cnblogs.com/murphyzhang/p/12298912.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!