修改网站地址栏小图标
如果您使用的 WEB 浏览器是 IE5 或以上版本,那么当您将某些网站(如:网易、Yahoo等等)加
入到“收藏夹”后,您是否注意到在这些网站标题的旁边还有一个独具个性的图标呢?这就是
“收藏夹图标”(F avorites Icon)。就拿“网易”来说,在标题“Welcome to netease !” 的
左边,IE5 默认的图标被换成了一个红色的变体中文“易”字。非但如此,如果您正在浏览“网
易”,这时 IE5 的地址栏中的图标也同样是一个红色的“易”字。也正是因为这些个性化的图标
使得他们在您的“收藏夹”众多的白底蓝 e 中显得格外的醒目。
您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢?其实要实现这一目的
非常简单。
第一步,准备一个图标制作软件。
首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以 .ico 作为扩展名。普
通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软
件。您也可以访问 http://www.favicon.com/ ,这里提供一个免费的在线“收藏
夹”图标生成器,如果您 E 文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知
识。
第二步,确定“收藏夹”图标的规格。
“收藏夹”图标有着它特有的规格:图标的大小为 16 * 16(以像素为单位);所使用的颜色不
得超过 16 色。 (为了清晰)
第三步,设计一个属于您自己的图标。
您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图
标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图
标文件命名为:f avicon.ico。
最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。您不需要对您
的网页文件作任何的修改,IE5 会自动的不停的搜索您的网站的根目录,只要它一发现了
favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。
如果您希望为不同的页面设置不同的“收藏夹”图标,那么您就需要在该网页文件的 HEAD 部分
加入下面的内容:
<INK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">
注意:该图标的路径一定要使用绝对路径。
还有一点需要说明的是:有些 Web 站点的主机服务器(如:Geocities )不支持图标文件格式,
这时您就需要与管理员联系,要求他开通图标文件格式的支持。
马上行动,让您的网站也拥有一个“收藏夹”图标吧!
修改网站地址栏小图标相关推荐
- 如何在HTML中修改网站标题和图标?
修改网站标题方法: 在head头部信息里使用title标签来修改: <title>test</title> 修改网站图标方法: <link rel="icon& ...
- 网站地址栏的图标代码
在<head>与</head>之间加入代码 <link rel="shortcut icon" href="favicon.ico" ...
- vue修改网站名称和图标
在项目中找到public文件夹下面的index.html 修改如下图
- SpringBoot设置网站页面小图标——Favicon
首先将要设置为小图标的图片改名为favicon.ico favicon.ico 放在静态资源目录下即可. 访问:localhost:8080/
- 【电子杂志怎么制作】云展网教程 | 如何修改云展网杂志和书橱在微信显示的标题、小图标和描述?
云展网杂志和书橱都可以通过微信分享给朋友或者分享到朋友圈.下面我们对分享的标题.名称.小图标等内容进行说明: 1.杂志的标题和描述可以在编辑杂志的标题和描述修改: 2.小图标修改.在个人中心–我的文件 ...
- html地址欄小圖標,网站地址栏前面的小图标favicon.ico制作方法
那个小图标有个名字叫favicon.ico,网站图标虽小但可以起到很好的点缀作用,尤其是当浏览者将你的网站放入收藏夹之后,网站图标的作用就出来了,它可以使你的站点在众多网址中突出显示,对于用户体验起到 ...
- 浏览器地址栏中显示自定义小图标 及什么是网站 ICO 图标?
所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站.当然,这不仅仅是Favicon的全部,根据浏览器的不同 ...
- 制作地址栏中的小图标
关键词:制作地址栏中的小图标 如果您使用的 WEB 浏览器是IE5或以上版本,那么当您将某些网站(如:网易.Yahoo等等)加入到"收藏夹"后,您是否注意到在这些网站标题的旁边还有 ...
- html之设置页面ico图标ie浏览器,如何修改网页小图标,浏览器页面上的图标(favicon.ico)...
我们在查看网页的时候很多 那么如何更改这个图标呢?两种方式. 第一种方式: 1.找到已经安装的tomcat目录,进入D: omcatapache-tomcat-7.0.50-1webappsROOT目 ...
最新文章
- 【数据可视化应用】绘制极坐标(附Python代码)
- HDU 3342 Legal or Not(拓扑排序判断成环)
- SpringBatch 多线程(TaskExecutor)启动Job详解 (七)
- ajax status php,解决laravel 出现ajax请求419(unknown status)的问题
- 【CodeForces - 124C】Prime Permutation(数学,思维,小结论)
- 如何将数据写入excel中,而不覆盖原有数据
- Python与MySQL数据库连接
- gulp通过http-proxy-middleware开启反向代理,实现跨域
- 手机上调试html,在手机上打印调试信息 – debug.js
- 如何在Linux中找到您的IP地址
- Gobblin编译支持CDH5.4.0
- 2022全球声望最佳的100个企业排行榜
- alter与alert区别
- 财务报表java_财务报表识别
- 家用无线路由器哪个品牌好?程序员分享值得推荐的无线路由器
- 用U盘安装系统 WinPE 安装操作系统
- ln火线零线_ln线哪个是火线零线
- 易语言传文本到c 崩溃,win7系统易语言打开支持库配置就崩溃的解决方法
- Feep! search:一款面向程序员的搜索引擎,收录信息超 2900 万页!
- 分享一下我的阿里3面+HR面面经,附上我总结的面试真题!