如何修改网页小图标，浏览器页面上的图标。

1.修改浏览器页面上的小图标。

制作名字为favicon.ico的16*16图标放在项目images目录下，（可通过百度“ico在线制作”转换成为ico的格式）

2.在网页首面HTML 的<head>……</head>标签之间插入代码：

<link rel="icon" href="img/ico.ico" type="image/x-icon" />
<link rel="shortcut icon" href="img/ico.ico" type="image/x-icon" />
<link rel="bookmark" href="img/ico.ico" type="image/x-icon" />

rel中的值有两个一个是shortcut icon，一个是icon

shortcut icon，特指浏览器中地址左侧显示的图标，一般放大小为16*16，后缀名为.ico的图标；

icon,可放格式为PNG\GIF\JPEG,尺寸一般为16*16、24*24、36*36。

3.刷新页面，清除缓存即可

如何修改网页小图标，浏览器页面上的图标。相关推荐

html之设置页面ico图标ie浏览器,如何修改网页小图标，浏览器页面上的图标（favicon.ico）...
我们在查看网页的时候很多那么如何更改这个图标呢?两种方式. 第一种方式: 1.找到已经安装的tomcat目录,进入D: omcatapache-tomcat-7.0.50-1webappsROOT目 ...
idea修改项目代码，浏览器页面不生效解决方案
使用快捷键ctrl + shift + delete,清理浏览器缓存 1.问题描述 idea修改前端项目代码,运行谷歌浏览器不起作用. 我也试过 rebuild project, 重启idea,等方法 ...
解决·web项目在浏览器页面上乱码
晚上部署web项目至云端服务器,测试的时候发现页面乱码,改变浏览器编码,仍然无效.于是去更改tomcat配置文件中的编码方式,默认情况下,tomcat使用的的编码方式是 iso8859-1,修改tom ...
微信小程序WXML页面上直接截取字符串 wxs截取字符串
可以先浏览下官方文档,戳这里还参考了,大神的文章,戳这里首先我的需求,如图,我想要的效果是 2020年11月19日,后端给我的数据是 20201119 ,于是我很自然的,{{item.templa ...
手机网页（WAP）页面上的输入框默认键盘类型
这个问题也是我一直在找的,之前也没有用过,但因为项目需求,不得不去解决这个问题,这次正好看到了这篇文章并加以总结语法 <input type="value"> 属性值 ...
python操作网页界面_python3 操作页面上各种元素的方法
(1) 控制浏览器 ①控制浏览器窗口大小set_window_size(宽,高) 打开浏览器全屏maximize_window() ②控制浏览器后退back().前进forward() ③ ...
HTML：在浏览器页面上简单实现显示标准系统时间
运用到了HTML JavaScript中的Date对象,并按 "日期时间星期" 格式输出,且要求为除年份外皆为两位(不足两位前补0),最后的全代码如下 <!DOCTYPE ...
Java设置软件图标即窗口上角图标
Java设置窗口图标 import java.awt.Frame; import java.awt.Image; import java.awt.Toolkit; ...
若依前后端分离版怎样修改主页面和浏览器上的图标和标题
场景使用若依的前后端分离版,,其默认的图标和标题等如下如果想要修改为自己想要的标题和图标,实现类似下面的效果注: 博客: https://blog.csdn.net/badao_liumang_ ...
页面上一些小icon的制作方法及技术选择
我们经常切片的时候,看到一些小图标,都有些心头小烦.当然我们一般为了兼容多款浏览器.选择保守的切图拼成雪碧图.然后通过background-position去定位到你想要用的图标. 随着我们一步步摒弃 ...

如何修改网页小图标，浏览器页面上的图标。

如何修改网页小图标，浏览器页面上的图标。相关推荐

最新文章

热门文章