Fatal编程技术网
  • html/
  • Html 如何将favicon添加到我的网站？

Html 如何将favicon添加到我的网站？

html asp.net

Html 如何将favicon添加到我的网站？,html,asp.net,Html,Asp.net,我想像这样给我的ASP网站添加一个favicon 根据这些主题： 我添加了自己的链接，如下所示： <head> <link rel="icon" href="/favicon-32x32.png"/> </head> 但什么都不显示？怎么了 我刚刚在记事本++中再次尝试了我的代码，它运行良好，为什么它在我的ASP.NET网站中不工作 我能想到的唯一一件事就是尝试将type=image/png添加到link元素中。确保图像与所引用的文件位于同一目

我想像这样给我的ASP网站添加一个favicon

根据这些主题： 我添加了自己的链接，如下所示：

<head>
       <link rel="icon" href="/favicon-32x32.png"/>
</head>
但什么都不显示？怎么了

我刚刚在记事本++中再次尝试了我的代码，它运行良好，为什么它在我的ASP.NET网站中不工作

我能想到的唯一一件事就是尝试将type=image/png添加到link元素中。确保图像与所引用的文件位于同一目录中

<link rel="icon" type="image/png" href="/favicon-32x32.png"/>
我唯一能想到的就是尝试将type=image/png添加到link元素中。确保图像与所引用的文件位于同一目录中

<link rel="icon" type="image/png" href="/favicon-32x32.png"/>
创建自己的16x16 favicon

<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
<link rel="shortcut icon" type="image/png" href="http://eg.com/favicon.png"/>
创建自己的16x16 favicon

<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
<link rel="shortcut icon" type="image/png" href="http://eg.com/favicon.png"/>
在一些较旧的浏览器中，例如Internet Explorer 5，这就是所需的全部功能。但是，对于最新版本的Firefox、Internet Explorer和Chrome，您需要在HTML的头部添加两个指向favicon的链接。如果您使用的是母版页，母版页的标题中会出现相同的两个链接：

<head runat="server">
                <title>My Website</title>
                <link runat="server" rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
                <link runat="server" rel="icon" href="favicon.ico" type="image/ico"/>
</head>
您有两个指向同一favicon的链接的原因是为了确保您的favicon能够与大多数浏览器一起工作。有些，比如Firefox，可以使用任意一个链接。Internet Explorer版本6和7特别挑剔。但是，如果您同时使用这两个链接，那么几乎任何浏览器都可以使用其中一个链接。

在一些较旧的浏览器中，例如Internet Explorer 5，这就是所需的全部功能。但是，对于最新版本的Firefox、Internet Explorer和Chrome，您需要在HTML的头部添加两个指向favicon的链接。如果您使用的是母版页，母版页的标题中会出现相同的两个链接：

<head runat="server">
                <title>My Website</title>
                <link runat="server" rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
                <link runat="server" rel="icon" href="favicon.ico" type="image/ico"/>
</head>
您有两个指向同一favicon的链接的原因是为了确保您的favicon能够与大多数浏览器一起工作。有些，比如Firefox，可以使用任意一个链接。Internet Explorer版本6和7特别挑剔。但是，如果您同时使用这两个链接，则其中一个链接几乎可以在任何浏览器中使用。

理想情况下，您希望收藏夹图标具有favicon.ico名称ico扩展名，并将其放置在根文件夹中

如果不在根文件夹中，则需要显式创建链接标记。比如说,

<link rel="shortcut icon" 
   href="//cdn.sstatic.net/stackoverflow/img/favicon.ico?v=4f32ecc8f43d">
仅供参考，您不能简单地将文件扩展名png重命名为ico。相反，您希望将其转换为正确的格式

我通常使用此站点将png转换为ico-

理想情况下，您希望使用favicon.ico名称ico扩展名的收藏夹图标，并将其放置在根文件夹中

如果不在根文件夹中，则需要显式创建链接标记。比如说,

<link rel="shortcut icon" 
   href="//cdn.sstatic.net/stackoverflow/img/favicon.ico?v=4f32ecc8f43d">
仅供参考，您不能简单地将文件扩展名png重命名为ico。相反，您希望将其转换为正确的格式

我通常使用此网站将png转换为ico-

您可以使用以下不同的favicon类型：

<link rel="icon" type="image/x-icon" href="http://example.com/favicon.ico" />
<link rel="icon" type="image/png" href="http://example.com/favicon.png" />
<link rel="icon" type="image/gif" href="http://example.com/favicon.gif" />
取决于要用作站点图标的文件

对于favicon的其他格式，您可以参考此

您可以使用以下不同的favicon类型：

<link rel="icon" type="image/x-icon" href="http://example.com/favicon.ico" />
<link rel="icon" type="image/png" href="http://example.com/favicon.png" />
<link rel="icon" type="image/gif" href="http://example.com/favicon.gif" />
取决于要用作站点图标的文件

关于favicon的其他格式，你可以参考这篇

你看过这篇文章吗？在问这样的问题之前，你可能应该做一些研究……你看过这篇文章吗？在问这样的问题之前，你可能应该做些研究。。。