【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"/>