如何获取网页logo与favicon图标使用

如何获取网页logo与favicon图标使用

favicon图标介绍:
favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置, 目前主要的浏览器都支持favicon.ico图标.

一、logo和ico图标获取

1. 直接从其他网页中获取logo:
关于网站图标的简单提取:直接在网址后面加上 /favicon.ico 就可以了
示例:www.baidu.com/favicon.ico
如何获取网页logo与favicon图标使用_第1张图片

2. 制作ico图标: http://www.bitbug.net/

二、favicon图标使用

当成功生成favicon.ico图像文件后,浏览器会自动弹出一个zip的压缩文件
将压缩文件中的favicon.ico图像放在根目录下(也可以是其他目录)
在页面源文件的标签之间插入

<link rel="shortcut icon" href=" /favicon.ico" />

最后形成:

<head>
...
<link rel="shortcut icon" href="/favicon.ico" />
</head>

你可能感兴趣的:(前端,html,css,html5)