如何让我的页面标题有图标？

Question

我希望我的网站的徽标显示在标题的图标区域而不是默认的白色文档中.正如Stack Overflow所拥有的那样.

Answer 1

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

将此添加到您的HTML头.当然,文件"favicon.ico"必须存在.我认为16x16或32x32像素文件是最好的.

Answer 2

这是一个有趣的问题,所以如果你有一个用作网站图标的图像,请检查它

将其添加到您的脚本中

   <link rel="icon" type="image/gif" href="animated_favicon1.gif" />

否则,如果您的网站图标有图标,那么您选择了

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

我总是使用http://www.iconspedia.com/获取更多图标

如果我的答案解决了你的问题然后给我投票好

Answer 3

它们被称为favicons,并且很容易制作/使用.请阅读http://www.favicon.com/以获取帮助.

Answer 4

显然你可以使用这个技巧.

<title> My title</title>

这个图标实际上是一个文本.

Answer 5

该接受的答案工作完全正常。我只想提一下devXen 给出的答案的一个小问题。

如果你这样设置图标：

<link rel="shortcut icon" type="image/x-icon" href="icon.ico">

该图标将按预期工作：

但是，如果您按照 devXen 的建议进行设置：

<title> Amir A. Shabani</title>

页面标题在刷新时移动：

所以我建议<link>改用。