【发布时间】：2023-04-03 15:17:01
【问题描述】：
html5 Boilerplate 中的收藏图标不起作用（不显示）
我已经在 localhost 和服务器上尝试过，但在这两种情况下都没有成功。 是什么让它工作。？
【问题讨论】：
标签： html favicon boilerplate
【发布时间】：2023-04-03 15:17:01
【问题描述】：
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 和触摸图标部分。
【讨论】：