html - favicon 在 html5 样板中不起作用

标签 html favicon boilerplate

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/

相关文章:

javascript - 正则表达式查找标签和变量

ios - Apple ios Safari 书签 favicon 不起作用,添加到桌面有效

javascript - JQuery插件,多个实例同一页面;适用于元素类和唯一元素 ID;用 $.data 保护选项;公共(public)访问功能

generics - 是否可以自动实现将一个特征对象转换为另一个特征对象的特征?

javascript - 如何在下拉菜单函数 onclick 中包含 <a> 标签同级?

html - 处理不良机器人的做法请求 url 包含符号,例如 "&amp;"而不是 "&"

html - 卡住页眉和页脚,但内容上的垂直滚动条始终可见

如果存在某些文本,Javascript 会更改网站的图标

html - firefox 快捷方式图标问题

css - 背景图像不适用于 HTML5 样板