`

设置浏览器地址栏上的小图标

阅读更多
http://www.blogjava.net/cool2009/archive/2009/04/09/264696.html

尝试一下favicon.ico

只需要将ico文件命名为favicon.ico并放入网站根目录即可.

more:

        浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。
  
        因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。
        如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,
        在Html中的<head>部分加入如下的代码:
   <link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
   <link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>

        Firefox还支持GIF动画格式的Favicon,使用方法如下:
  
        首先制作一个16*16的gif动画,然后在html代码 <head> </head>中加入如下代码:
   <link rel="shortcut icon" href="favicon.ico" >
   <link rel="icon" href="animated_favicon.gif" type="image/gif" >
分享到:
评论

相关推荐

    给浏览器地址栏加上个性小图标

    标题“给浏览器地址栏加上个性小图标”涉及的是网站个性化设计的一个方面,即浏览器标签页和地址栏前的favicon(Favorites Icon)设置。 favicon是网站的代表性图标,它能让用户在众多标签中快速识别出他们访问过的...

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

    **浏览器地址栏中显示自定义小图标** **什么是Favicon?** Favicon,全称Favorites Icon,是一个专门设计用于浏览器的特殊图标。它的主要功能是在浏览器的收藏夹、地址栏以及标签页上显示一个代表网站身份的小图标...

    IE9浏览器小图标变大图标的解决办法

    在日常使用IE9浏览器的过程中,部分用户可能会遇到这样一个问题:浏览器中的小图标(例如地址栏、标签页等处的图标)突然变大,这不仅影响美观,也可能导致操作不便。本文将详细介绍如何解决IE9浏览器中小图标变成大...

    如何修改IE地址栏图标

    1. **shortcut icon**:此属性用于指定浏览器地址栏中的图标。 ```html ``` 2. **bookmark**:此属性用于指定收藏夹中的图标。 ```html ``` 这里的 `href` 属性指定了图标文件的路径。如果图标文件位于...

    ICO转换工具网页中如何设置在网页地址栏中的小图标:

    在浏览器地址栏有csdn有一个"圆圈"图标 如何在自己的jsp网页之中设置? 通常做法是: 要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。 在源文件“&lt;head&gt;&lt;/head&gt;”之间添加如下代码...

    删除浏览器地址栏网址记录方法.docx

    ### 删除浏览器地址栏网址记录方法 #### 方法一:通过Internet选项清除历史记录 1. **启动IE**:首先,打开Internet Explorer(IE)浏览器。 2. **进入Internet选项**:在浏览器右上角找到“工具”菜单(通常显示...

    修改IE地址栏Tomcat小猫咪图标

    然而,在使用过程中,用户可能会发现浏览器地址栏中显示的是默认的Tomcat图标(通常是一个小猫咪图标),这在某些场景下可能显得不够专业或不符合公司的品牌形象。本文将详细介绍如何更改这个图标,让您的网站更加...

    浏览器 图标总汇 ico + png

    在Web开发中,ICO文件常用于网站的favicon,即浏览器地址栏上的小图标,帮助用户快速识别和区分不同的网站。 PNG,全称Portable Network Graphics,是一种无损压缩的位图格式,支持透明度和索引色。相比于ICO,PNG...

    地址栏收藏夹图标设置页面禁止全选复制粘贴及右键

    只要能跑javascript,只要是以http站点形式访问的(不要直接在浏览器地址上直接输入C:/temp.html等绝对路径,一定要在你的站点下访问,如 http://127.0.0.1:8080/ico/ 形式) 本小项目包含功能 1、地址栏前换成自己的...

    web小图标web小图标web小图标

    在网页设计中,Web小图标(也称为favicon)扮演着重要的角色,它们是网站的视觉标识,能够在浏览器的地址栏、书签、历史记录以及标签页等位置展示,提升网站的专业性和可识别性。本篇文章将深入探讨Web小图标的含义...

    制作浏览器地址icon图标

    浏览器地址栏的icon图标,通常被称为favicon,是网站在浏览器标签页、历史记录以及书签中显示的小型图像。这个图标对于提升网站品牌识别度和用户体验有着重要作用。本篇文章将详细探讨如何制作和使用浏览器地址icon...

    经典网页小图标 经典网页小图标

    网页小图标,也被称为favicon,是网站不可或缺的一部分,它们通常位于浏览器地址栏、书签、标签页等位置,为用户提供视觉标识,帮助用户快速识别和区分不同的网站。这些图标不仅提升了用户体验,也是品牌形象的一种...

    修改IE地址栏Tomcat 小猫咪图标

    标题“修改IE地址栏Tomcat小猫咪图标”涉及到的是在Web服务器Apache Tomcat的自定义配置,特别是关于改变浏览器地址栏中的网站图标(Favicon)的过程。这个过程通常包括两个主要步骤:创建自定义图标(ICO文件)和...

    常用16x16网页小图标

    网页小图标,通常被称为favicon,是网站或应用程序的标识之一,它们在浏览器的地址栏、书签、标签页以及手机应用的主屏幕上显示。这些图标尺寸多样,但16x16像素的图标因其小巧而广泛应用,尤其在早期网页设计中,...

    让网站在浏览器网址前面显示小图标的方法

    这个小图标被称为Favicon(Favorites Icon),它通常出现在浏览器地址栏前和标签页上,使用户能够一眼识别出他们正在访问的网站。本篇文章将详细介绍如何为你的网站添加这种小图标。 首先,你需要创建一个符合标准...

    更改浏览器中服务器的图标(以tomcat为例子)

    Favicon.ico是一个小图标,通常显示在浏览器的地址栏、书签栏和页面标签上。它是网站的Logo和品牌标志的重要组成部分。favicon.ico文件通常是一个小的图像文件,文件格式必须是ICO格式。 为什么需要更改服务器的...

    各款浏览器图标png和gif两种格式

    首先,浏览器图标,也称为favicon,是一种特殊的图形文件,它在浏览器的地址栏、书签列表以及新标签页中显示,帮助用户快速识别和区分各个网站。常见的浏览器图标通常为16x16像素或32x32像素大小,但这个压缩包提供...

    地址栏收藏夹图标页面禁止选中复制粘贴及右键点击

    只要能跑javascript,只要是以http站点形式访问的(不要直接在浏览器地址上直接输入C:/temp.html等绝对路径,一定要在你的站点下访问,如 http://127.0.0.1:8080/ico/ 形式)都可以 本小项目包含功能 1、地址栏前换成...

Global site tag (gtag.js) - Google Analytics