站点URL旁边的图像图标

Nrj*_*Nrj 17 favicon web-applications

我希望获得有关在Web浏览器上与站点URL一起显示的图标的信息.这是一些浏览器特有的功能吗?我们在哪里指定图标源,即它是否在网页本身的某个标签中?

Bri*_*ndy 48

这些图标称为favicons

大多数Web浏览器都支持http://mysite.com/favicon.ico,但正确的方法是在头部配置文件中包含图标元标记.

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
      type="image/png" 
      href="/somewhere/myicon.png" />
[…]
</head>
Run Code Online (Sandbox Code Playgroud)

来自W3C本身.

你最好的选择是使用相同的图标图像.


Ric*_*ams 11

我相信你指的是Favicon,它允许网站指定一个16x16(或更大)的图像,该图像显示在大多数现代浏览器中URL旁边的地址栏中.

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

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
Run Code Online (Sandbox Code Playgroud)

这最初是用IE完成的,但是它不符合标准(因为rel中的空间),所以大多数浏览器现在允许你按照以下方式进行,你可以使用任何标准的图像格式,而不是只是.ico

<link rel="icon" href="favicon.png" type="image/png" />
Run Code Online (Sandbox Code Playgroud)