html5 Boilerplate 中的收藏夹图标不工作(不显示)
我已经在本地主机和服务器上尝试过,但在这两种情况下都没有用。 是什么让它工作?
最佳答案
HTML5 样板文件不使用 link
默认情况下图标的元素。相反,它依赖于浏览器在根目录中找到 favicon.ico 或 apple-touch-icon.png。
如果将 HTML5 Boilerplate 放在子目录中,无论是在本地主机还是在服务器上,都不会出现 favicon,或者会出现服务器根目录中的现有 favicon。一个快速解决方法是在 <head>
中添加这行代码index.html 部分:
<link rel="icon" type="image/png" href="apple-touch-icon.png">
更好的方法是创建一个 16x16 PNG 图像(例如 favicon.png),而不是使用 57x57 apple-touch-icon.png,它会调整大小并因此失去清晰度。
请参阅 user guide 的网站图标和触摸图标部分了解更多详情。
关于html - favicon 在 html5 样板中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13116319/