如何插入带有 HTML 页面标题的徽标?

新手上路,请多包涵

由于 stackoverflow.com 的标题带有徽标,如何为任何常用站点完成此操作?这需要哪个代码?

原文由 Paic Ten 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 541
2 个回答

您指的是 网站图标 吗?

将 16x16 像素的 ico 上传到您的网站,并将其链接到您的 head 部分。

 <link rel="shortcut icon" href="/favicon.ico" />

也有许多站点可以帮助您将图像转换为 .ico 格式。这只是我在谷歌上看到的第一个。 http://www.favicon.cc/

原文由 MetalFrog 发布,翻译遵循 CC BY-SA 3.0 许可协议

是的,你说得对,我只是想让初学者能够理解它。

  1. 创建您希望在浏览器选项卡中显示在您的网址旁边的 favicon.ico 文件。你可以在线进行。我使用了 http://www.prodraw.net/favicon/generator.php 它工作得很好。
  2. 将生成的 ico 文件保存在您的网站根目录 /images (yourwebsite/images) 中,名称为 favicon.ico。
  3. 复制此标记 <link rel="shortcut icon" href="images/favicon.ico" /> 并在 <head> 开始和 </head> 结束标记之间没有任何更改。
  4. 保存 html 文件中的更改并重新加载浏览器。

原文由 Darius 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏