【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"/>
posted @ 2022-10-05 23:12  曼醉心  阅读(574)  评论(0编辑  收藏  举报