在浏览器的标签页显示网站标志图标（或指定图标）的方法

最新推荐文章于 2023-05-18 10:29:43 发布
最新推荐文章于 2023-05-18 10:29:43 发布
阅读量408 收藏
点赞数
文章标签： javascript 运维 php ViewUI

对于不同的浏览器，方法是有差别的
1.对于IE或TT浏览器：把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下，浏览器会自动检索
2.这大概是所有浏览器通用的在标签页加入指定图标的方法：
把favicon.ico图标放到网站根目录下，在网页的<head></head>中加入
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
 
3.对于火狐浏览器：图标格式没有IE那么严格，GIF和PNG格式的图标也可以显示，图标名称也可以不是favcion
4.把图标放在根目录后，在<head></head>中加入
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="gif_favicon.gif" type="image/gif" >
或
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="png_favicon.png" type=" image/png" >
 
5.最后，ICO格式的图片可以通过MagicICO这个小软件制作，注意这个软件只能识别PNG格式图片
软件下载地址：http://ishare.iask.sina.com.cn/f/9614427.html
6.链接在线的图片的时候，可以使用下面的方法（下面是CSDN图标，可以直接放在网页的head标签里面去，这样就能直接显示）
<link href="http://csdnimg.cn/www/images/favicon.ico" rel="SHORTCUT ICON">

weixin_33762130
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
为网站设置icon图标用于显示在浏览器标签页最左侧
09-22
icon图标，想必大家对它并不陌生吧，在浏览网页时会看到浏览器标签页的最左侧会有一个小图标，这个正是icon图标。本例为大家介绍下如何为网站设置这个图标
JSP设置网站favicon.ico
ThinkPet
11-21 1481
        favicon.ico中文名称是网站头像。在我们的网站建设中，为网站打造一个契合网站主题的个性化标志则是必需的，这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴之内，而欲取得成功，不仅包括良好的页面设计、令人印象深刻的网站Logo，也包括favicon 关键代码 &lt;link rel="shortcut icon" href="favicon.ico"...
jsp网站favicon.ico设置
nolisten的博客
01-12 2343
将favicon.ico放到网站根目录下写法： 或者放到任意目录下写法： http://localhost:8080/springMVCTest02/favicon.ico">
j2ee_自定义标签
weixin_45155187的博客
06-06 247
标签语言特点 <开始标签 属性=“属性值”>标签体</结束标签> 空标签 <开始标签></结束标签> <开始标签/> 自定义标签的开发及使用步骤 2.1 创建一个标签助手类(继承BodyTagSupport) 标签属性必须与助手类的属性对应、且要提供对应get/set方法 rtexprvalue 2.2 创建标签库描述文件(...
jsp更改网页的显示图标
weixin_42785557的博客
09-18 2595
通常在使用tomcat服务器时,测试的网页小图标是一只猫,就像这样 如果你想要属于自己的图标,可以尝试以下方案: 打开tomcat文件夹 E:\apache-tomcat-7.0.88\webapps\ROOT— 最终找到ROOT目录下的 “.ico图片” 把你想要的图片 格式改为 .ico格式放到 ROOT目录下将 原有的.ico文件取代 介绍一个在线转换.ico格式的 网站,很方便: ...
自定义开关按钮
ning_xian_hong的专栏
09-22 962
1.定义一个类ToggleButton，继承View  2.在布局文件中使用该自定义view   3.创建与父类相同的构造器。  4.重写onMesuer和onDraw方法 5.在自定义ToggleButton中定义设置开关按钮图片方法，设置开关按钮背景方法  6.在MainActivity类中使用该view，给该自定义view设置背景图片和按钮图片 具体实现代码如下：
textarea 在浏览器中固定大小和禁止拖动的实现方法
01-19
HTML 标签 textarea 在大部分浏览器中只要指定行（rows）和列（cols）属性，就可以规定 textarea的尺寸，大小就不会改变，不过更好的办法是使用 CSS 的 height 和 width属性,但是Chrome,Safari和FireFox渲染的效果...
易语言多标签浏览器
07-19
多标签浏览器,限制窗口大小,处理消息,事件回调,取高位1,取低位1,取窗体空间,设置浏览框位置,设置标签框位置,新建浏览页,新建搜索,设置默认浏览器,写入历史记录,设置网页标题栏顶边,设置网页图标框顶边,设置关闭按钮...
MONKNOW 新标签页 | 谷歌（Chrome）浏览器插件
03-03
MONKNOW 新标签页是一个美观且允许高度自定义的新标签页扩展插件，支持支持网站网址URL分组管理，数据实时云同步，黑暗深色夜间主题模式。功能包括：搜索 & 快速拨号；自动同步，只要创建一个账号就能自动同步...
Infinity新标签页(Pro)遇见美好的Chrome新标签页
10-28
相比Chrome自带的新标签页，您可以通过Infinity自定义添加自己喜爱的网站，我们重绘了上千当然，您也可以自定义这些网站的图标。除此之外，您还可以更新新标签页的背景图片，既可以使用您自己的图片，也可以使用自动...
JSP及标签的介绍和使用
xry12354的博客
05-18 914
摘要：文章包含了对JSP使用的简单介绍，包含了对JSP标签、JSTL标签库和EL表达式的介绍和使用
JSP 页面中引入 Iconfont 图标 - 详解
于小猿的博客
10-18 3625
1、进入阿里巴巴 Iconfont 图标官网：https://www.iconfont.cn/ 2、在搜索框中搜索需要的图标，比如 ：对勾 3、将自己需要的添加入库 4、 点击自己的图标库 5、选择添加至项目 6、点击下载至本地 7、下载后解压 8、不知道哪个有用哪个没用，就全部复制粘贴到项目中 9、 新建一个JSP页面，在页面中引入CSS文件 <link rel="stylesheet" href="../fonts/iconfont.css"> ...
jsp设置网页图标最简单粗暴方法
weixin_52292970的博客
08-04 1231
jsp设置网页图标最简单粗暴方法前言过程方法 前言 因为觉得一篇博客太短会很不够意思，所以加一点把这个方法搞出来的小过程（水字数顺便吐槽一下CSDN里那些无脑复制粘贴怪）。 这里提前提一下，用图床！（也许你看到这里就会了） 想直接看方法的点击目录里的方法查看，就不用翻前面的废话了。 过程 我在做登陆界面的时候，原本是用HBuilder写的，引入图标很顺利，然后把文件搬运到了IDEA里运行（目前是.html的），可以运行。于是我把文件复制到jsp中运行（Tomcat9.0）发现图标不见了（路径完全正确
周记(jsp中Icon引用的bug)
凌晨1点21分的专栏
01-15 971
2016/1/11--2016/1/17          今天遇到了一个奇葩的问题，出现的现象是：在用户登录成功后的，我就用户信息以及权限信息放到了HttpSession对象中存放着(当然这是一个很常见的操作，也用过很多次都没有问题)，我的主菜单页面中(menu.jsp)中菜单显示正常(菜单的显示是根据权限来判断决定)，而在我其他子页面中功能按钮显示失常(功能按钮的显示也是由权限来决定)。
在浏览器的标签页显示网站标志图标
宁静致远
01-20 3053
一、在浏览器的标签页显示网站标志图标 我们通常希望将浏览器里的Tab选项卡的图标换成自己网站的logo图片，这样看起来更真实和有信任感，可以在<head></head>中添加linkrel="shortcuticon"为网页标题添加标志图标， <head> 1：<link rel="shortcut icon" href="图片地址" /> 2：<link rel="icon" href="图片地址" type="image/gif" /&g..
JSP 标题栏添加logo图片
weixin_33985507的博客
02-19 1092
2019独角兽企业重金招聘Python工程师标准>>> ...
SSM实现登录注册，和图片的显示
有时间可以指导毕业设计，可以私聊我。一个热爱编程的smallCuteMonkey，可以私信我
05-18 686
在SSM环境已经搭建好的基础上： 创建UserDao进行登录，和注册的函数： package com.zjj.dao; import com.zjj.pojo.User; import java.util.List; public interface UserDao { //查询所有 public List<User> queryAllUsers(); // 登录 public User queryUserByUserNameAndPwd(User use
JSP修改项目浏览器名称与图标
L4937的博客
11-30 1166
1、修改项目浏览器名称，只要在title里面写好即可 2、修改图标，添加如下代码,放在title代码的下面，然后再引入自己想要的图标 即可。 <link rel="shortcut icon" type="image/x-icon" href="/xxx/xxx.png"> 注意：修改完后记得清除浏览器缓存，如果还不行，可以试试清除idea 工具的缓存。 ...
vite怎么配置让public的下的index.html里的link .ico根据浏览器类型来显示浏览器标签页小图标
最新发布
06-03
要让 public 目录下的 index.html 文件中的浏览器标签页小图标根据浏览器类型来显示，你可以在 index.html 中添加以下代码： ```html <link rel="icon" type="image/png" sizes="32x32" href="<%= BASE_URL %>...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值