html5 Boilerplate 中的收藏图标不起作用(不显示)
我已经在 localhost 和服务器上尝试过,但在这两种情况下都没有成功。是什么让它工作.?
html5 Boilerplate 中的收藏图标不起作用(不显示)
我已经在 localhost 和服务器上尝试过,但在这两种情况下都没有成功。是什么让它工作.?
HTML5 Boilerplate 默认不使用link
图标元素。相反,它依赖于浏览器在根目录中查找 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">
更好的是创建一个 16x16 PNG 图像(例如 favicon.png),而不是使用 57x57 apple-touch-icon.png,它会调整大小并因此失去清晰度。
有关更多详细信息,请参阅用户指南的网站图标和触摸图标部分。