如何给网站设置自定义图标(标签页显示,收藏夹显示)

您所在的位置:网站首页 不可暴晒图标怎么设置的 如何给网站设置自定义图标(标签页显示,收藏夹显示)

如何给网站设置自定义图标(标签页显示,收藏夹显示)

2024-07-11 07:03| 来源: 网络整理| 查看: 265

在 PC 浏览器上显示网站图标

方法1:

在网站根目录下准备一张名为 favicon 的图片,图片格式为 ico 。

图片像素的最小尺寸为:16*16

使用这种方式,网页会自动选取这张图片作为图标,并且该网站目录下的所有网页的图标都会显示为这张图片。

网站目录结构:

标签页图标显示效果:

收藏夹图标显示效果:

方法2:

通过 标签指定网页图标:

       网站图标显示    

这种方式的特点:

展示为网站图标的图片可以放在网站的任何位置,通过引用相对路径即可。

网站中不同的页面可以指定不同的图标,需要给每个网页引入 标签。

图片格式和名称不受限制,但不同浏览器可能对格式的要求不一样:

可以和方法1同时使用,但方法2优先级最高。

标签中的 rel 属性值也可以是 ”shortcut icon“,主要作用是规定当前文档与被链接文档之间的关系,这里的 rel 表示引用自定义图标。

如果图标无法正常显示,请查看图片命名、格式是否正确;引用路径是否正确;rel 属性值是否正确;



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3