让地址栏显示个漂亮的与众不同的小图标，可以让你的网站更容易被人记住，但笔者始终认为这是个锦上添花的东西，况且，不同的浏览器或相同浏览器的不同版本对这个的支持都不尽相同。比如ie6下的地址栏根本不会出现小图标，360的浏览器或世界之窗等可以支持这个功能，但好像也和浏览器的某些设置有一定关系。闲言少叙，如何才能让地址栏出现小图标呢？
其实实现的代码很简单，如下：
======================【html】=========================
<head>
<title>天津市财政局预算编审中心</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="BOOKMARK" href="/favicon.ico" type="image/x-icon"/>
</head>
======================【html】==========================
请相信，这样最容易实现。网上有很多个版本，我自己试验过无数，走了很多弯路，因为每个人的具体情况不一样，因此遇到的问题自然也不同。因此，建议读者严格按照此格式书写。<link rel="BOOKMARK"/>这一行可以删除，这行是为了在收藏夹里显示小图标用的。强烈建议图标的名字就叫favicon.ico.网上基本上只说一句，把favicon.ico放在网站的根目录即可，真的即可吗？？答案是否定的。举个例子，比如我的站点的首页为http://localhost:8080/wwwroot/index.jsp, wwwroot为此网站的根目录，那么favicon.ico应该放在哪呢？？？如果你觉得放在wwwroot下面，那你就太天真了。正确的答案是应该放在http://localhost:8080/ 所对应的目录下面。是不是很简单？？如果你认为这样，那你又错了。因为放在localhost:8080对应的目录里面，许多浏览器的地址栏上小图标也不会出现的。就是因为8080这个端口号。没错，就是这样的。
正确的作法是，不仅把favicon.ico放在localhost:8080之后，还要保证http://localhost/favicon.ico可以访问到这个小图标。只有这样，用360和世界之窗等浏览器访问你的站点时，地址栏才会出现小图标。对于端口号对地址栏小图标的出现产生的效应，几乎无人论及，笔者尝试了好多次，直到把tomcat的端口改为80后，才最终成功地在地址栏显示小图标。
注：小图标自己准备，让美工弄，不要自己随便弄个图片改扩展名，最好用16*16的。
分享到：
相关推荐
总的来说，经典网页小图标在提升用户体验、强化品牌形象以及增强网站辨识度方面发挥着重要作用。设计师们在创作这些小图标时，需要综合考虑设计原则、格式选择以及功能性等因素，以打造出既美观又实用的图标。
四、Web小图标在网站中的应用 1. 地址栏图标：这是最常见的用途，浏览器的地址栏前会显示Web小图标，增加网站的专业感。 2. 书签图标：当用户将网站添加到书签时，Web小图标会显示在书签列表中。 3. 桌面快捷方式：...
标题“修改IE地址栏Tomcat小猫咪图标”涉及到的是在Web服务器Apache Tomcat的自定义配置，特别是关于改变浏览器地址栏中的网站图标（Favicon）的过程。这个过程通常包括两个主要步骤：创建自定义图标（ICO文件）和...
它的主要功能是在浏览器的收藏夹、地址栏以及标签页上显示一个代表网站身份的小图标，帮助用户快速识别和区分不同的网站。Favicon不仅增加了网站的专业感，还能在一定程度上提升用户体验。比如，在Firefox和Internet...
Favicon是“Favorites Icon”的缩写，是一种小型图像文件，通常尺寸为16x16像素，用于在浏览器的地址栏、收藏夹、历史记录以及标签页中显示。它可以是网站的品牌logo，也可以是与网站主题相关的图形，旨在增加网站的...
它们是网页的视觉标识，能够在浏览器的地址栏、书签、历史记录以及移动设备的主屏幕上为用户提供直观的辨识。"html网页设计小图标"这个主题涵盖了如何在HTML页面中有效地使用和创建这些图标。 首先，我们来理解一下...
Favicon图标是网页浏览器地址栏、收藏夹以及历史记录中显示的网站标识，它为网站增添个性，提升品牌形象。 在了解如何使用这款软件之前，我们首先需要知道ICO文件格式的基本知识。ICO是一种包含一个或多个不同大小...
标题中的“在地址栏中显示自己网站的Logo”是指在浏览器的地址栏中，网站的URL旁边展示一个自定义的图标，通常是一个小图片，这被称为favicon。这个图标可以增加网站的专业性和辨识度，当用户添加书签或在多标签...
首先，页面小图标通常是网站在浏览器地址栏、书签、历史记录等位置显示的小型图像。它增强了网站的品牌识别度，当用户在众多标签页中寻找特定网站时，独特的页面小图标可以帮助他们快速定位。最常见的页面小图标格式...
在网页设计中，ICO文件通常用于网站的favicon，即浏览器地址栏、书签和历史记录中显示的小图标，为网站提供独特的视觉识别。 这些编程小图标涵盖了各种编程相关的主题，可能包括常见的编程语言标识（如Java、Python...
这些图标在浏览器的地址栏、收藏夹、历史记录以及标签页上显示，使用户能够快速识别出他们访问过的网站。这个名为"网页小图标收集.rar"的压缩包文件，显然包含了多种不同设计和风格的网页小图标。 Favicon的设计和...
在互联网世界中，每个网站都有其独特的标识，这就是我们常说的网站图标，通常表现为浏览器地址栏左侧的小图标，也就是ICO图标。PHP CMS（如PHPCMS）网站管理系统提供了添加和显示这种图标的功能，使得用户在浏览网站...
4. **图标的应用场景**：ico图标广泛应用于桌面快捷方式、浏览器地址栏、网站favicon（网站图标）以及移动应用的界面元素。在网页设计中，ico图标可以提升用户体验，帮助用户快速理解功能或导航；在软件开发中，它们...
这些小巧的图形在浏览器标签、书签、地址栏以及各种平台的分享链接中代表网站，为用户提供易于识别的视觉标识。"百度知道"作为中国最大的问答社区，自然也拥有其独特的图标系统，以增强用户对平台的认知。 标题提及...
2. 网页设计：在HTML中，可以通过设置标签将.ico文件作为网站的favicon，显示在浏览器地址栏、书签和收藏夹中，增加网站的辨识度。 3. 系统图标：Windows系统中，许多系统组件和设置的图标都是.ico格式，如文件类型...
网页小图标，通常被称为favicon，是网站不可或缺的一部分，它们在浏览器的地址栏、标签页、书签以及手机主屏幕上为用户提供了易于识别的视觉标识。这些小图标尺寸多样，包括常见的16*16像素和32*32像素，以适应不同...
这些小图标通常被称为favicon，全称是“Favorites Icon”，即收藏夹图标，它们显示在浏览器的地址栏、书签列表以及新标签页上，使用户能够快速识别出特定的网站。 在网站开发中，MTN小图标的设计和应用涉及到以下几...
完成以上步骤后，浏览器就会在地址栏、书签和新标签页中显示设置的小图标。值得注意的是，为了让图标生效，浏览器可能需要刷新缓存或者清除浏览器数据，因为有些浏览器可能会缓存之前的图标。 总的来说，为HTML5...
- 网页图标（favicons）：显示在浏览器标签、地址栏和书签中，提升网站品牌识别度。 - 响应式设计：随着移动设备的普及，图标设计需考虑在不同屏幕尺寸下的表现。 6. **版权与许可**： - 图标设计可能涉及版权...