网站浏览器图标设置方法

最新推荐文章于 2023-11-28 12:47:10 发布
最新推荐文章于 2023-11-28 12:47:10 发布
阅读量379 收藏 1
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41642348/article/details/116015009
版权

方法一

<head>
    <link rel="shortcut icon" href="/public/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/public/favicon.ico" type="image/x-icon">
</head>

这里的shortcut icon和icon是为了实现不同的浏览器。
并且图标位置最好放到项目的根目录，因为有的浏览器只会在项目的根目录查找网页图标，像360浏览器。

豆子会武功
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何设置浏览器标签图标
m0_52116878的博客
03-15 2875
如何设置浏览器标签图标
让网站在浏览器网址前面显示小图标的方法
09-28
大家在浏览很多网站的时候都会发现在浏览器的地址栏前面会有一个小图标，在浏览器的标签位置也有一个小图标，例如 Baidu 、腾讯等网站都有这样的图标。你的网站上想不想也增加一个这样的小图标呢？有了这个小图标你的网站就会比别人的网站更加醒目，更能引起其他人的注
如何给网站设置自定义图标（标签页显示，收藏夹显示）
热门推荐
apple_54470279的博客
04-23 1万+
在网站根目录下准备一张名为 favicon 的图片，图片格式为 ico 。图片像素的最小尺寸为：16*16 使用这种方式，网页会自动选取这张图片作为图标，并且该网站目录下的所有网页的图标都会显示为这张图片。
关于网站的favicon.ico图标的设置需要注意的几点
最新发布
昊虹AI笔记
11-28 1737
关于网站的favicon.ico图标的设置需要注意的几点
Favicon网页图标设置方法
weixin_45604020的博客
07-09 555
我们在浏览网页时基础会看到网站名前面会有一个图标，那就是网站图标。
vue如何设置网站标题和logo图标
夏日漱石的博客
07-27 4014
vue如何设置网站标题和logo图标
为网站设置icon图标用于显示在浏览器标签页最左侧
09-22
icon图标，想必大家对它并不陌生吧，在浏览网页时会看到浏览器标签页的最左侧会有一个小图标，这个正是icon图标。本例为大家介绍下如何为网站设置这个图标
浏览器地址栏中显示自定义小图标
09-25
所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在...
为网站添加网站图标ico,动画图标gif(在浏览器地址栏中显示).zip
01-25
为网站添加网站图标ico,动画图标gif(在浏览器地址栏中显示).zip
网站图标如何设置详细过程
zhuyuyaya的博客
07-28 1889
关于网站图标引入的详细介绍。
设置网页浏览器标签小图标
高先生的猫
06-24 2754
浏览器网页左上角小图标实现方式。 方式一： 在线生成ICO图标制作一个16*16 的.icon文件，文件名必须要favicon.ico，然后放在服务器根目录下面，一般浏览器会自动默认在跟目录下面查找。 方式二： 其实不必方式一这么麻烦。 在html的head表头中加： <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 如果icon是gif动态图需要修改type属性 <link re...
Html设置问题（设置浏览器上面的图标，移动设备上面页面保存为图标）
weixin_34352005的博客
05-21 460
最近开发了一个新的项目，项目完成之后；要求把页面在移动设备上面保存为图标，通过图标直接进入系统入口（这样看着就想APP一样）；刚开始通过百度直接设置了，发现有两个问题，第一、图标直接是页面的截图；第二、图标在页面关闭之后就会直接消失了；后面通过查询资料终于解决了这个问题；在head中加入代码，如下； <meta name="format-detection" content="telep...
改变网页IE的图标
leo
10-12 114
  想改变网页IE的图标，有两种方法，     1. 在网页的HEAD头中，加入两行代码就可以了。        &lt;link rel="icon" href="&lt;%=request.getContextPath()%&gt;/favicon.ico " type="image/x-icon" /&gt;     &lt;link rel="shortcut icon&quo
在网页中，设置标题小图标无效的一个问题
walle的博客
04-26 3290
在网页中，设置标题小图标， 就是这个东西： <link rel="shortcut icon" type="image/x-icon" href="logo-icon.png" media="screen"/> 如果放在<body></body>之内是无效的 要放在<body>之前 例如在thinkphp的...
地址栏图标更换即shortcut icon问题
学习，交流，积累
09-22 5085
为了是地址栏可以显示自己的网站图标，可以在网页添加如下代码： 注：1、后边这两句也可以不添加，图片的路径可以使相对的也可以是绝对的          2、在IE6下，图标是不会显示的，这个可以理解（百度的图标在IE6下也不显示，呵呵）。
使用link rel="shortcut icon"为网页标题加图标
weixin_42617917的博客
10-17 2661
本文非原创，原文链接：https://www.cnblogs.com/GoTing/p/7494307.html <title>会员卡券</title> <link rel="shortcut icon" href="http://GT/img/favicon.png" type="image/x-icon"> 实现的效果就是这样： 添加收藏夹也会有： 通...
获取网站的浏览器上的icon图标
hins
01-16 1万+
获取网站的浏览器上的icon图标 http://www.im286.com/favicon.ico 把前面的域名换成你要获取的网站
浏览器访问网站标签页小图标显示
CSDN已弃用
09-30 6409
浏览器访问网站标签页小图标显示 1.对于IE浏览器：把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下，浏览器会自动检索 2.对于其他浏览器通用的在标签页加入指定图标的方法：     把favicon.ico图标放到网站根目录下，在网页的&lt;head&gt;&lt;/head&gt;中加入   &lt;!-- 地址栏显示 --&gt; &lt;link ...
chrome浏览器缓存设置
08-17
要调整 Chrome 浏览器的缓存设置，请按照以下步骤进行操作： 1. 打开 Chrome 浏览器并点击右上角的菜单图标（三个垂直点）。 2. 选择 "设置"。 3. 在设置页面的底部，点击 "高级"。 4. 在 "隐私和安全" 部分，选择 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值