关于favicon.ico的两三事(最好就是放根目录)

在浏览网页时，我们常常会看到一个位于浏览器标签页顶端的微小图标，它被称为favicon.ico。这个小小的图标，其实蕴含着各大浏览器处理方式的差异和网站优化的秘密。

当我们新建一个web项目，并在home.html中设置favicon时，会发现不同浏览器对于图标的获取方式有所不同。以firefox和IE9为例，它们会按照我们在代码中指定的路径去获取图标。对于大多数普通用户所使用的浏览器，如360浏览器、搜狗浏览器和qq浏览器等，处理方式则有所不同。

在搜狗浏览器中，如果在网站的根目录存在一个名为“favicon.ico”的文件，那么它会被浏览器识别并显示。在360浏览器中，事情变得有些奇怪。有时，即使我们在代码中指定了特定的图标文件，360浏览器却会显示一个完全不同的图标，比如google的图标。

这是因为，与firefox和搜狗浏览器不同，360浏览器在请求网页图标时，会忽略掉的端口号。也就是说，不论你的网页位于哪个端口下，360浏览器都会去网站的根目录（即

那么，如何确保网站的图标能够在各种浏览器中正常显示呢？你需要确保你的网站根目录下有一个名为“favicon.ico”的文件。你需要在html代码的部分添加相应的链接代码，指定图标的路径。如果你的网站使用了特殊的端口号，你需要特别注意像360这样的浏览器，因为它们可能会忽略端口号来请求图标。你需要确保你的图标文件位于正确的位置，以便在各种浏览器中都能被正确识别。

网站的favicon虽小，却蕴含着丰富的优化知识和技巧。只有深入理解各种浏览器的处理方式，才能确保你的网站在各种环境下都能展现出最佳的视觉效果。