网站网址旁边的图片图标

时间:2020-03-06 14:35:34  来源:igfitidea点击:

我想获取有关图标的信息,这些图标显示在Web浏览器的站点URL旁边。这是某些浏览器特定的功能吗?我们在哪里指定图标来源,即它是否在网页本身的某个标签中?

解决方案

它最初是Windows图标格式的文件,存储在URL http://site/favicon.ico下。大多数站点仍使用favicon.ico,并且许多浏览器仍会自动在此处查找,无论其元标记如何。

这些图标称为网站图标

大多数网络浏览器都支持http://mysite.com/favicon.ico,但是正确的方法是在head个人资料中包含图标meta标签。

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
      type="image/png" 
      href="/somewhere/myicon.png" />
[…]
</head>

来自W3C本身。

最好的选择是对两个图标图像都进行处理。

这些是该页面上的网站图标更多信息。

基本上,.ico文件位于Web服务器的根目录中。

它被称为收藏夹图标。

我们可能要检查以下三个问题:

  • 当前,使图标图标在所有支持图标图标的浏览器中显示的最佳方法是什么?
  • 为什么我的网站没有图标?
  • 使用收藏夹图标的首选方式?

我相信我们指的是Favicon,它使网站可以指定16x16(或者更大)的图像,该图像显示在大多数现代浏览器中网址旁边的地址栏中。

有些浏览器只选择位于Web文件夹根目录中的名为favicon.ico的文件,而其他浏览器则要求使用以下代码在HTML的<head>中指定该文件,

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

这原本是IE的处理方式,但是不符合标准(因为rel中有空格),因此现在大多数浏览器都允许我们按以下方式进行操作,在此我们可以使用任何标准图像格式,而不必只是.ico

<link rel="icon" href="favicon.png" type="image/png" />

我只补充说一些站点使用动画Gif作为图标。视喜好而定,它可能看起来很酷或者非常烦人……而且可能并非所有浏览器都支持。

获取该信息的最简单方法是通过此简单的Web应用程序

连结文字

我们只需要键入页面的URL,它就会返回所有图像属性

他们是收藏夹图标。浏览器在服务器上的favicon.ico上查看/