`

怎样在浏览器标签中加入网址图标

 
阅读更多
在浏览器的标签页显示网站标志图标(或指定图标)的方法

对于不同的浏览器,方法是有差别的
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格式的图片可以在http://free.logomaker.cn/tools/icoMaker.aspx这个网站,提交图片,它可以帮你生成相应的ico图标文件。把16*16的那个图标复制到网站根目录下。

总结:总之在Head中加入以下三句,就排除不同浏览器的困惑了
<link rel="icon" href="<%=path %>/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="<%=path %>/favicon.ico" type="image/x-icon" />
<link rel="Bookmark" href="<%=path %>/favicon.ico" />

  • 大小: 13.8 KB
  • 大小: 64.6 KB
分享到:
评论

相关推荐

    在web项目地址(浏览器上)前加图标

    在Web开发过程中,为了增强网站的品牌识别度以及用户体验,我们经常会为网站添加一个图标(通常称为Favicon),显示在浏览器标签页的左侧。这个小图标不仅能够帮助用户快速识别不同的网站,还能提升网站的专业形象。...

    为网站添加网站图标ico,动画图标gif(在浏览器地址栏中显示).zip

    网站图标(Favicon)是网页的一种重要组成部分,它在浏览器的地址栏、书签和历史记录中显示,有助于提升网站的识别度。本教程将详细解释如何为网站添加静态的ICO图标以及动态的GIF动画图标。 首先,我们来了解什么...

    糖果浏览器2.08绿色解压版

    1 增加可以不总是在新标签中打开网址选项; 2 增加强制在新标签中打开网页中链接的选项; 3 页面显示比例调整更改为针对全部网页; 4 增加不显示页签关闭按钮选项; 5 使用后台打开新链接时未激活的标签标题用粗体...

    闪游浏览器2.5版本

    新增:标签栏加载网页图标时加入动画——连接服务器时逆时针转,加载网页时顺时针转 新增:收藏管理器加入导入导出功能 改进:登录对话框支持Tab和回车键 改进:闪游菜单重排,更简洁清晰 改进:调整收藏栏的高度...

    浏览器地址栏中显示自定义小图标

    它的主要功能是在浏览器的收藏夹、地址栏以及标签页上显示一个代表网站身份的小图标,帮助用户快速识别和区分不同的网站。Favicon不仅增加了网站的专业感,还能在一定程度上提升用户体验。比如,在Firefox和Internet...

    iphone的safari浏览器中实现全屏浏览的方法

    在iPhone的Safari浏览器中实现全屏浏览可以让用户在查看网页内容时获得更沉浸式的体验。通常,Safari浏览器在浏览网页时会显示顶部的工具栏和底部的标签页栏,这占据了屏幕的一部分空间。全屏浏览则可以隐藏这些元素...

    傲游浏览器3(Maxthon) 3.1.8.1000 正式版

    傲游3浏览器是国内唯一具有独立内核的桌面浏览器产品,首创双核浏览模式,在安全、快速的基础上,保证了对网银、网购类网站的兼容性。傲游3浏览器内置云端广告过滤系统,强大而易用,确保用户在浏览网页时不受任何...

    【浏览器插件】AutoTabDiscard.zip

    【浏览器插件-AutoTabDiscard】AutoTabDiscard是一款轻量级浏览器扩展,它利用本地技术(tabs.discard)来卸载或暂停浏览器标签页,有效降低在多标签页同时开启时的内存占用。对于习惯同时打开多个标签页的用户,此...

    淘宝浏览器收藏夹位置在哪.docx

    淘宝浏览器是一款专为网购设计的浏览器,用户在浏览过程中可能会将一些重要的网页地址保存到收藏夹,方便日后访问。那么,如何找到淘宝浏览器中的收藏夹位置呢?下面将详细介绍查看和管理淘宝浏览器收藏夹的方法。 ...

    闪游浏览器saayaa v3.17 官方版

    改进:界面 - 状态栏 - 移动到顶部按钮提示中加入快捷键说明(Home键) 改进:界面 - 状态栏 - 广告过滤、智能填表等所有按钮的菜单里均标识出快捷键 改进:界面 - 标签栏 - 关闭标签按钮的鼠标悬浮状态改进 改进:...

    高仿UC浏览器源代码

    "功能强大到不可思议"暗示了开发者在源代码中可能加入了额外的创新或优化,使得这款高仿应用具有超出原版UC浏览器的一些特性。 【标签】"UC 浏览器"进一步明确了讨论的焦点,即围绕UC浏览器这一特定产品进行的开发...

    谷歌Chrome浏览器超详细使用教程

    5. **拖拽方式**:将正在查看的网页链接直接拖拽到书签栏,或者将地址栏中网址旁的图标拖拽至书签栏,都可以实现书签的创建。 #### 三、自定义书签设置 1. **书签名称**:在创建书签的过程中,用户可以通过“名称...

    IE9浏览器中网页无法正常显示的解决方法

    在描述中提到的方法就是这个原理,即在`&lt;head&gt;`标签内加入`&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/&gt;`,这将强制浏览器使用IE8的兼容模式解析页面。 2. **用户端的兼容性视图设置**:对于普通...

    asp.net 设置应用程序的图标

    在ASP.NET开发中,为应用程序设置图标是一项基本但重要的任务,因为这有助于用户在浏览器标签、任务栏或桌面快捷方式中快速识别应用。本资源提供了一个关于如何在ASP.NET项目中实现这一功能的示例,名为"Example014-...

    input框添加图片按钮

    在网页设计中,为了优化用户体验及提升界面美观度,经常会遇到需要在`input`框旁边或内部加入图标按钮的情况。例如,一个登录表单中的“显示密码”按钮或者搜索框旁边的放大镜图标。本文将详细介绍如何在`input`框中...

    360安全浏览器使用问题解答.docx

    未实现的功能并不意味着不能做,而是可能还在开发中或计划在未来版本中加入。 总的来说,遇到360安全浏览器的问题时,用户应首先检查浏览器版本,搜索现有解决方案,尝试社区支持,以及保持软件和驱动程序的更新。...

    傲游浏览器v3.3.6.2000 [2012-3-22]

    + 国际版加入标签同步(内置扩展),标签同步加入多语言支持 本次更新包含下列优化: * 优化了鼠标手势和页面右键菜单响应 本次更新解决了下列问题: [Webkit 核心] * 特定情况下缓存异常需要手动清理 * 某些...

    MyIE.zip_IE_webbroswer_浏览器

    这个项目的核心是为用户提供一个与经典IE8相似的浏览体验,同时加入了多标签功能,以方便用户在多个网页之间快速切换。 【描述】中提到,此项目采用了仿XP(Windows XP)的窗体风格,这意味着它的设计和视觉效果...

    易语言Ras浏览器1.3

    易语言Ras浏览器1.3源码,Ras浏览器1.3,打开网站,截取标题,销毁浏览器,全选地址栏,获取图标,创建标签页,取网页对象,取网页句柄,收藏夹加入菜单,搜索网址,截短菜单名,拦截消息,取16低位,监测,按网址判断网页是否打开,...

    世界之窗浏览器Leopard皮肤

    在实际应用中,用户安装此皮肤后,可以从浏览器的工具栏、地址栏、书签栏等各个界面细节感受到Leopard风格的转变。例如,按钮和菜单可能会变得更加扁平化,色彩更显柔和,甚至可能包括苹果经典的Dock栏效果。这样的...

Global site tag (gtag.js) - Google Analytics