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

我想有我的网站的标志显示在图标区域的标题，而不是默认的白色文件。跟 Stack Overflow 的一模一样。

243553 次浏览
小开

它们被称为图标，非常容易制作/使用。

小开
最佳答案 
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

添加到你的 HTML 头。 当然，“ Favicon.ico”文件必须存在。 我认为16x16或32x32像素的文件是最好的。

小开

这是一个有趣的问题，让我们检查一下 如果你有一个网站图标使用的形象，然后

把这个添加到脚本中

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

否则，如果你有一个图标为您的网站图标然后你选择

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

对于更多的图标，我总是使用 http://www.iconspedia.com/

如果我的答案解决了你的问题，那就给我投票 好吧

小开

显然你可以用这招。

<title>📈 My title</title>

那个图标实际上是一个文本。

小开

根据 w3school :

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

如果使用在红宝石轨道使用下面的代码。

为了计算文件的路径，使用 asset _ path 函数查找我们在嵌入在 <%= code %>中的 Rail 代码中使用的图像

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

这个密码肯定能用。在一条评论中，我看到他们使用了“ js”语法，这种语法并不适用于所有使用“ Express.js”的人

<link rel="icon" href="demo_icon.gif" sizes="16x16">
<title> Reddit</title>

也可以添加 png 和 jpg

小开

接受的答案的工作非常好。我只是想提到一个小问题与 DevXen 给出的答案。

如果你像这样设置图标:

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

这个图标将会如预期般运作:

enter image description here

然而，如果你像 DevXen建议的那样设置:

<title>🧐 Amir A. Shabani</title>

页面标题在刷新时移动:

enter image description here

所以我建议改用 <link>。

小开

如果你想使用一个 URL，你可以使用这个代码。

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

提交答案