fav图标在html5 Boilerplate中不起作用

时间:2012-10-29 05:29:51

标签: html5 favicon boilerplate

html5 Boilerplate中的fav图标不起作用(不显示)

我已经在localhost和服务器上尝试了它,但在这两种情况下它都没有用。 是什么让它成功。?

1 个答案:

答案 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和触摸图标部分。