目录
- 1. 使用favicon.ico图标
1. 使用favicon.ico图标
favicon.ico一般用于作为网站标志,它显示在浏览器的地址栏或者标签上
-
制作favicon图标
选择一个png转ico的在线网站,这里以https://www.bitbug.net/为例。上传图片,目标尺寸选择48x48,输入附加码,最后点击生成icon图标,会自动将png转换成ico图标然后下载 -
将favicon.ico图标放到项目根目录下
-
HTML页面引入favicon图标
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>test title</title>
<link rel="shortcut icon" href="baidu.ico"/>
<style>
</style>
</head>
<body>
</body>
</html>
效果如下