我正在网页中组织我的书签。
当我将一个页面添加到我的工具栏上时,它会自动抓取该图标,并且我希望在HTML页面中的网页地址旁边显示相同的图标,而无需像图像一样下载文件并链接它?
例如
[google icon] www.google.com
[Facebook icon] www.facebook.com
等等等等
我正在网页中组织我的书签。
当我将一个页面添加到我的工具栏上时,它会自动抓取该图标,并且我希望在HTML页面中的网页地址旁边显示相同的图标,而无需像图像一样下载文件并链接它?
例如
[google icon] www.google.com
[Facebook icon] www.facebook.com
等等等等
这些图标的网址是: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>
一个jsFiddle 演示!
在<head>
您的 HTML 部分中:
<link rel="shortcut icon" href=" URL of icon here ">
为了完全兼容浏览器,您必须使用 ICO 文件。否则,除 Internet Explorer 之外的所有浏览器都广泛支持 PNG、GIF 和 JPEG。