shortcut icon地址栏显示个性图标 - www.micmiu.com - ITeye博客

`

sjsky

浏览: 916839 次
性别:
来自: 上海

最近访客更多访客>>

ouaijsun

码猿工

u010469169

yannier

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

fighhin： decode(BinaryBitmap,java.util.M ...
条形码/二维码之开源利器ZXing图文介绍
u013489005：追问：楼主，请问有中文文档么？我的邮箱是frankgray@s ...
Java表达式计算引擎:Expr4J
u013489005：感谢博主需要引入的包是import java.io.*;im ...
Java表达式计算引擎:Expr4J
calosteward：感谢楼主分享。。 Zxing 我听说过的。__________ ...
条形码/二维码之开源利器ZXing图文介绍
u013810758： judasqiqi 写道感谢楼主！想请问楼主一下这个生成的图片 ...
Java实现二维码QRCode的编码和解码

shortcut icon地址栏显示个性图标

博客分类：

web

浏览器 HTML Shortcut Icon

阅读更多

blog迁移至:http://www.micmiu.com

Shortcut Icon 就是在网站地址的前面出现的那个小图标。

想要让你的网站显示个性图标，首先需要制作个icon的图标（用PS自己做或者用在线的制作，具体网站见附录），
其次需要在页面的“<head></head>”间添加如下代码：

<!--可以在收藏夹中显示出图标-->
<link rel="Bookmark"  type="image/x-icon"  href="favicon.ico"/>
<!--可以在地址栏中显示出图标-->
<link rel="icon"  type="image/x-icon" href="favicon.ico" />
<link rel="shortcut icon"  type="image/x-icon" href="favicon.ico" />

注意点：

一般ICON的分辨率是16*16，大小1-2k，建议不宜过大
href也可以是绝对路径或URL 比如：href="/favicon.ico" href="http://www.xxx.com/favicon.ico"
当favicon.ico被置于文档根目录时，将会被一些不处理link元件的浏览器找到，即使站点上没有指向它的链接
把图标命名为favicon.ico 一般不用写link就可以应用于站点下的每一个页面文件
favicon.ico不是必须要放在根目录，名称也可以自己定义，只是在link中具体的href对应好即可

PS：如果你已经安装上面介绍的步骤更新到网站目录以后，用IE仍然不显示小图标，问题很可能出在缓存的历史记录上。
请选择选择Internet选项，删除浏览历史记录，重新刷新页面一般即可解决。

附录：提供在线制作icon的网站

2
顶

1
踩

分享到：

spring aop记录Web系统操作日志 | java.security.ProviderException: nextByt ...

2010-09-26 23:19
浏览 2372
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

HTML5的<link rel="shortcut icon"标签是干什么用的: 这个图标通常出现在浏览器的地址栏左侧、书签栏以及新标签页中，为用户提供了一个快速识别网站的视觉标识。它让网站在众多网页中脱颖而出，增强了用户的浏览体验。标签是HTML中的一个元数据标签，它主要用于链接...

给浏览器地址栏加上个性小图标: 标题中的“给浏览器地址栏加上个性小图标”指的是在网页中添加favicon，这是一个小巧的图标，通常16x16像素或32x32像素，显示在浏览器的地址栏、书签、历史记录以及标签页上，为网站提供一种独特的视觉识别。...

关于shortcut icon和icon代码的区别介绍: 快捷图标（Shortcut Icon）和图标（Icon）在HTML中是用来定义网站标识的两种不同方式，它们主要用于在浏览器的地址栏、书签、历史记录等地方显示网站的个性化图标。这两者的区别主要体现在用途和实现机制上。首先...

如何修改IE地址栏图标: ### 如何修改IE地址栏图标 #### 知识点概览 - 图标的尺寸与格式 - 图标文件的命名规则 - HTML代码中的图标链接 - favicon.ico 文件的作用及放置位置 #### 详细说明 ##### 一、图标的尺寸与格式在互联网上浏览时...

在浏览器地址栏左边添加网站logo图标: ### 在浏览器地址栏左边添加网站logo图标 #### 知识点概述在现代网页开发中，网站logo不仅能够提升品牌形象，还能增强用户识别度。通过简单的HTML代码设置，可以在浏览器地址栏左侧添加自定义的logo图标（通常为....

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

在地址栏中显示自己网站的logo: 标题中的“在地址栏中显示自己网站的Logo”是指在浏览器的地址栏中，网站的URL旁边展示一个自定义的图标，通常是一个小图片，这被称为favicon。这个图标可以增加网站的专业性和辨识度，当用户添加书签或在多标签...

ICO转换工具网页中如何设置在网页地址栏中的小图标:: ICO工具,网页图标可以转换，网页中如何设置在网页地址栏中的小图标: 在浏览器地址栏有csdn有一个"圆圈"图标如何在自己的jsp网页之中设置? 通常做法是: 要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，...

icon图标修改: 而网页图标（favicon）则是在浏览器地址栏、收藏夹和标签页上显示的小图像，代表网站的标识。 "ArtIcons Pro"是一款专业的图标编辑软件，它允许用户创建、编辑和修改各种类型的图标。这款工具支持多种图标格式，如...

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

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

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

phpcms在地址栏中显示网站图标的方法(增加网站ico图标): 通过以上步骤，你便能在PHPCMS中成功实现地址栏的网站图标显示，提升网站的专业性和辨识度。记得图标的设计应该简洁明了，与你的品牌和网站主题相一致，这样更能吸引用户的注意力，加深他们对网站的印象。

修改tomcat项目的图标: - **定义**：`favicon.ico` 是一个网站的图标文件，通常用于浏览器的地址栏、书签等位置。 - **作用**：增强网站的辨识度，提升用户体验。 - **位置**：在Web应用中，该文件通常放置在项目的根目录下。 **2. HTML...

ico图标大全.zip: ico图标大全.zip这个压缩包文件包含了丰富的ICO图标资源，这些图标是互联网上常见的图标格式，主要用于网站的favicon，即浏览器地址栏前的小图标。ICO文件是一种特殊的图像格式，它可以包含多个不同尺寸和颜色深度的...

软件ico图标大全软件ico图标大全: 2. **网页图标**：在HTML中，`<link rel="shortcut icon" href="favicon.ico">`这行代码可以让浏览器加载指定的ico文件作为网页的favicon，显示在地址栏和书签中。 3. **文件类型关联**：操作系统通过ico图标来区分...

ico图标和WinForm图标: 这个小图标出现在浏览器的地址栏、书签和历史记录中，帮助用户快速识别和区分不同的网站。在HTML中，通过标签的rel属性设置为"shortcut icon"，可以指定ico图标文件，例如： ```html <link rel="shortcut icon" href...

Global site tag (gtag.js) - Google Analytics