favicon.ico一般用于作为缩略图的网站标志，它显示在浏览器的地址栏或者标签上，如下图所示。目前主要的浏览器都支持favicon.ico图标。
一、制作favicon图标
- 把品优购图标切成png图片。（具体切图过程请见之前的文章，PSD文件需要可以在评论留言）
- 把png图片转换成ico图标，这需要借助于第三方转换网站，例如比特虫：https://www.bitbug.net/。
二、favicon图标放到网站根目录下
- 保存到网站根目录下后，改名。
三、HTML页面引入favicon图标
- 在html文件的元素之间引入以下代码。(注意href属性的文件路径)
<link rel="shortcut icon" href="favicon.ico" />
- VScode编辑器下运行html文件，即可见到效果。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>品优购</title>
<link rel="shortcut icon" href="favicon.ico" />
</head>
<body>
</body>
</html>
扫一扫
1148
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
