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

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

According to w3school：

<link rel="icon" href="your_icon"/>

Answer 6

accepted answer可以正常工作。我只想提一下answer devXen has given的一个小问题。

如果您这样设置图标：

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

图标将按预期工作：

但是，如果您将其设置为devXen，则建议：

<title> Amir A. Shabani</title>

页面标题随刷新而移动：

所以我建议改用<link>。

Answer 7

如果您想使用URL，则可以使用此代码。

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

Answer 8

如果在红宝石导轨中使用，请使用以下代码。

为了计算文件的路径，使用asset_path函数在<%= code %>内嵌的rails代码中查找我们正在使用的图像

<link rel="icon" type="image/png" href="<%= asset_path('icon_name.jpg')%>">

Answer 9

此代码将严格执行。在评论中，我看到他们使用的ejs syntex不仅适用于所有使用express.js的人，