个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在尝试做一个非常简单的初步练习来设置一个创建网站图标的网站。
这是我正在使用的代码:
<!DOCTYPE html >
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
</html>
但它不起作用 - 有人可以帮忙吗？我已将文件 favicon.ico 保存在与 html 文件相同的级别(在子目录中)。
非常感谢
最佳答案
随着 (i|android|windows) 手机的推出，情况发生了变化，要获得适用于任何设备的正确且完整的解决方案确实非常耗时。
您可以查看https://realfavicongenerator.net/favicon_compatibility或http://caniuse.com/#search=favicon了解获得可在任何设备上运行的东西的最佳方法。
你应该看看 http://realfavicongenerator.net/自动化大部分工作，可能在https://github.com/audreyr/favicon-cheat-sheet了解它是如何工作的(即使后一个资源已经很长时间没有更新了)。
一个完整的解决方案需要向您的 header 添加以下内容(当然还有相应的图片和文件):
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="favicon-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="mstile-144x144.png">
<meta name="msapplication-config" content="browserconfig.xml">
2016年6月，RealFaviconGenerator claimed that以下 5 行代码支持与前 18 行一样多的设备:
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
关于favicon - 如何设置网站图标？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18301745/
24
4
0
这个问题在这里已经有了答案: 9年前关闭。 Possible Duplicate: Favicon in subdirectory all subdomain 我的网站是一个大网站，里面有很多小项目。
我没有 favicon.ico，但我的浏览器总是发出请求。 是否可以阻止浏览器从我的网站发出对网站图标的请求？也许 HTML header 中有一些 META-TAG？ 最佳答案 我首先要说的是，网页
我正在开发 mkdocs 网站。在这里我需要为我的网站添加网站图标。我尝试了这样的方法，但它不起作用。 我在 mkdocs.yaml 文件中添加了 site_favicon 并使用 readthedo
我想根据伟大的 favicon cheat sheet 创建多文件 favicon.ico . 我创建了 3 个 .png 文件，使用 OptiPNG 对其进行了优化，并收到了 1、2 和 3kb 大
是否可以使用 Font Awesome图标作为网站图标？您知道浏览器选项卡中网站标题旁边出现的小图标吗？ 最佳答案 编辑:我建议您使用 http://gauger.io/fonticon 我创建了一
我已经在使用添加收藏夹图标的标准方式: 所以 favicon.gif 和 .ico 都应该驻留在 /graphics_card 但是，我发现 IE 8(或其他 IE)无法显示它， (更新:无论我按
我正在尝试将 favicon 添加到 Next.js 静态站点，但运气不佳。 我尝试使用 'next/document' 中的组件自定义文档 https://nextjs.org/docs/#cust
将收藏夹图标 (favicon) 文件命名为 favicon.ico 以外的名称是否有任何限制？ 我确信它可以命名为任何东西，只要 favicon 标签指向正确的文件名即可。 例如: 上面的代码在
Favicon 出现在名为 fav.png 的 Assets 文件夹中，但未在浏览器中显示 我附上了 package.json 文件截图的截图链接、favicon 链接行截图和浏览器截图中显示的 fa
这个问题在这里已经有了答案: How to change Angular CLI favicon (32 个回答) 去年关闭。 我创建了一个新的 Angular 应用程序: ng new ... 我可
好的，所以现在我管理了如何在 webview 中处理网站图标。 但是如果我的 webview 没有收到 favicon 怎么办？我想提供一个名为 favicon-default.png 的可绘制对象!
除了 PNG 是一种更常见的图像格式这一事实之外，还有其他技术原因支持 favicon.png 与 favicon.ico 吗？ 我支持现代浏览器，它们都支持 PNG 最喜欢的图标。 最佳答案 所有现
我开始学习 Angular 4 并尝试使用 Angilar4 CLI 重新制作一个站点。 现在我在 svg 中绘制的新网站图标有问题。我在 index.html 中写了这个 我删除了 favicon
如何摆脱 nginx 中的所有以下错误。我没有 favicon.ico 2012/03/11 17:13:25 [error] 959#0: *116 open() "/usr/local/nginx
我正在使用这个在线图标生成器为我的网站创建一个图标，工具输出提供了很多图标，而不仅仅是网站图标。我很好奇您认为哪些对网站是强制性的，哪些是不必要的: 最佳答案 您希望
我需要将 favicon.ico 放在网站的根目录之外。 我可以将它放在另一条路径中，否则它可能会惩罚某些旧浏览器吗？ 最佳答案 如果你把 favicon.ico在另一个目录中并在 HTML 中声明它
如果我为favicon PNG指定不同的图像尺寸，例如: 这些文件中的每一个都会被获取吗？ 最佳答案 引用http://www.jonathantneal.com/blog/under
我正在收集 RSS 标题，而不是网站名称，我想使用它的 favicon。这是法律允许的还是我必须征得每个站点的许可(在这种情况下，它只是无法扩展)？ 示例:http://i53.tinypic.com
我正在尝试做一个非常简单的初步练习来设置一个创建网站图标的网站。 这是我正在使用的代码: 但它不起作用 - 有人可以帮忙吗？我已将文件 favicon.ico 保存在与 html 文件相同
我有一个使用自己的 tomcat 在本地运行的 Grails 应用程序，并且我刚刚将图标更改为新的。问题是我在任何浏览器中都看不到它。旧的网站图标出现，或者我根本没有网站图标，但新的网站图标却没有。我
我是一名优秀的程序员,十分优秀！