如何在网页中自动获取书签图标?

时间:2013-08-19 01:57:04

标签: html

我正在网页上组织我的书签。

当我将页面添加到工具栏时,它会自动抓取图标,我希望在 HTML 页面中的网页地址旁边显示相同的图标,而无需下载文件并将其链接为我想成像?

e.g。

[google icon] www.google.com

[Facebook icon] www.facebook.com

等等

2 个答案:

答案 0 :(得分:1)

这些图标的网址为:http://domain.com/favicon.ico

<强> HTML

<body>
    <img src="http://google.com/favicon.ico" height="16"/> Google
    <br />
    <img src="http://facebook.com/favicon.ico" height="16"/> Facebook
</body>

A jsFiddle Demo !!

答案 1 :(得分:0)

在HTML的<head>部分:

<link rel="shortcut icon" href=" URL of icon here ">

要获得完整的浏览器兼容性,您必须使用ICO文件。否则,除了Internet Explorer之外,所有浏览器都广泛支持PNG,GIF和JPEG。