为网站创建favicon.ico最完美的方式
如果你是一个细心的网站创建者,你一定会创建一个favicon.ico并且你网站的小LOGO会出现在浏览器选项卡的顶部,这是一个非常令人满意的事情。不过,现在市场上有很多不同的浏览器,不同的浏览器对favicon.ico的显示也不同。
假设有以下页面: http://localhost:8800/news.html
1. Firefox 浏览器请求: 与 news.html 页面的元标记链接的 href 相对应的图标。根据以下设置。
2.搜狗浏览器请求http://localhost:8800/favicon.ico。除了保留端口之外,它还会检索根目录中的 favicon.ico 文件。
3. 360浏览器和Google Chrome请求http://localhost/favicon.ico,即无论访问的页面是否为http://localhost/news .html 或 http://localhost:8800/news.html 或 http://localhost/pindao/news.html,所有你问的 http:// /localhost/favicon.ico 无论页面上的端口或元标记链接设置如何。
所以,如果您的favicon.ico网站无法正常工作或者您想让favicon.ico更加兼容,请执行以下操作:
1. 将favicon.ico文件放在favicon.ico网站的根目录下你的网页。如果您的网站有端口,则需要将favicon.ico放在默认80端口域名的根目录下。一般来说,外部运营的站点没有端口。
2. 如何在元中编写链接: ,我们建议使用 favicon.ico 的绝对路径。
版权声明
本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。
code前端网