首页 > 编程开发 > HTML/html5    日期:2020-04-15 / 来自互联网 / 浏览

做网站的人如果细心一点,一定会制作favicon.ico,让浏览器标签顶部显示自己网站的小LOGO,是一件很有成就感的事。但是目前市面上浏览器种类比较多,不同的浏览器对待favicon.ico的显示是有所不同的。

我们假设一个页面:http://localhost:8800/news.html
1,Firefox浏览器请求的是:news.html页面meta标签link的href所对应的图标,根据你的设置来。
2,搜狗浏览器请求的是http://localhost:8800/favicon.ico,保留端口的同时,请求根目录下的favicon.ico文件。
3,360浏览器、谷歌浏览器请求的是http://localhost/favicon.ico,也就是不管你访问的页面是http://localhost/news.html,还是http://localhost:8800/news.html,还是http://localhost/pindao/news.html,他们请求的都是http://localhost/favicon.ico,不管端口,也不管你页面meta标签link的设置。

所以,如果你的网站favicon.ico不起作用,或者是想要让favicon.ico的兼容性更好,要这样做:
1,在网站根目录下放favicon.ico。如果你的网站带端口,那么需要在默认80端口的域名根目录下放favicon.ico。一般来说,对外运营的网站是不带端口的。
2,meta中link的写法:<link rel="shortcut icon" href="http://localhost/favicon.ico" type="image/x-icon" />,建议你favicon.ico使用绝对路径。

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章

1 2 3 4 5