【HTML】网站图标
浏览器标签页面Tab上面显示小图标
很多网站的页面上面都会显示对应网站的logo,专业名词叫做favicon，这个的话方便用户记住你网站，同时便于用户在收藏夹上快速找到你网站。
显示ico
制作ico
制作的话，可自行百度关键字 favicon 在线 或 ico 在线 。
这是我用过的其中一个：
在线网页地址栏favicon图标制作
添加步骤（ie）
①图标放在根目录
把需要显示的16x16像素的ICO图标重命名为 favicon.ico 放置在网站根目录下。
注意是网站的根目录不是服务器，如网站 abc.com的根目录是 /www/wwwroot/www.abc.com，放到这儿即可。
②主题页眉文件 header.php 中添加代码
在 <head>这个位置</head>的“这个位置”处添加以下代码：
<link id="favicon" href="http://manzuixin.icu/favicon.ico" rel="icon" type="image/x-icon" />
再保存文件、更新网页一下，就可看到效果了。
显示jpg/png
主题页眉文件 header.php 中添加代码
在 <head>这个位置</head>的“这个位置”处添加以下代码：
<link rel="icon" type="image/png" href="/favicon.png"/>
再保存文件、更新网页一下，就可看到效果了。
如
<link rel="icon" type="image/png" href="https://s2.loli.net/2022/10/05/2p8EQAUvSB3coOF.jpg"/>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 写一个简单的SQL生成工具
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期（2025年3.1-3.9）