网站网址旁边的图片图标
时间: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上查看/