fav图标在html5 Boilerplate中不起作用

use*_*767 1 favicon html5 boilerplate

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

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

tag*_*awa 8

link默认情况下,HTML5 Boilerplate不使用图标元素.相反,它依赖浏览器在根目录中找到favicon.ico或apple-touch-icon.png.

如果将HTML5 Boilerplate放在子目录中,无论是在localhost还是在服务器上,都不会显示favicon,或者将显示服务器根目录中的现有favicon.对此的快速解决方法是在<head>index.html 的部分中添加以下代码行:

<link rel="icon" type="image/png" href="apple-touch-icon.png">
Run Code Online (Sandbox Code Playgroud)

更好的方法是创建一个16x16的PNG图像(例如favicon.png),而不是使用57x57 apple-touch-icon.png,它会调整大小,因此会失去清晰度.

有关详细信息,请参阅用户指南的" Favicons"和"触摸图标"部分.