html5 Boilerplate中的fav图标不起作用(不显示)
我已经在localhost和服务器上尝试了它,但在这两种情况下它都没有用。 是什么让它成功。?
答案 0 :(得分:8)
默认情况下,HTML5 Boilerplate不会将link
元素用于图标。相反,它依赖于浏览器在根目录中找到favicon.ico或apple-touch-icon.png。
如果将HTML5 Boilerplate放在子目录中,无论是在localhost还是在服务器上,都不会显示favicon,或者将显示服务器根目录中的现有favicon。快速解决此问题的方法是在index.html的<head>
部分添加以下代码:
<link rel="icon" type="image/png" href="apple-touch-icon.png">
更好的方法是创建一个16x16的PNG图像(例如favicon.png)而不是使用57x57 apple-touch-icon.png,它会调整大小并因此失去清晰度。
有关详细信息,请参阅user guide的 Favicons和触摸图标部分。