如何在我的网站的网站标签旁边创建小图标?

时间:2011-10-23 10:52:06

标签: html

我一直在想如何编写一些我不知道它叫什么的东西。基本上,(我没有足够的声誉来插入图片),它是显示您所在网站的标签旁边的小图标。就像在facebook上一样,它是带有蓝色背景的“f”,谷歌是带有颜色的“g”......:\

有谁可以帮我解决如何在我的网站上实现它以及它叫什么?非常感谢

2 个答案:

答案 0 :(得分:47)

它叫做favicon.ico,你可以从这个站点生成它。

http://www.favicon.cc/

答案 1 :(得分:31)

这是针对浏览器中的图标(大多数网站省略了该类型):

<link rel="icon" type="image/vnd.microsoft.icon"
     href="http://example.com/favicon.ico" />

<link rel="icon" type="image/png"
     href="http://example.com/image.png" />

<link rel="apple-touch-icon"
     href="http://example.com//apple-touch-icon.png">

表示快捷方式图标:

<link rel="shortcut icon"
     href="http://example.com/favicon.ico" />

将它们放在<head></head>部分。

编辑可能会在2019年增加一些examples from MDN

相关问题