注册 登录 天兴工作室:提供zblog模板 emlog模板 dedecms模板的下载和仿站定制

教程

分享一些有关于zblog的教程,这里有zblog初级教程、zblog中级教程和zblog进阶版教程,如果对你有所帮助,深感荣幸

当前位置:网站首页 教程 正文

基础篇 网站头像“favicon.ico”设置教程

天兴工作室管理 2014-11-09 教程 3785 ℃ 6 评论

也有朋友在问我们“那个在浏览器上可以显示一个网站logo的那个东西怎么弄?”,本篇教程就简单为大家介绍下。

首先我们来了解下这是个什么东西,先上图,大概是这样的:

基础篇 网站头像“favicon.ico”设置教程 教程

这几个箭头指向的小图标就是favicon.ico,也叫网站头像,百度百科是这样介绍的:

所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。

怎样设置才能让自己的网站也有这个“网站头像”呢?

1、首先我们要制作一张图来做为自己的网站图标,可以用ps做,图做出来后重命名为“favicon.ico“;当然网上也有专门制作这个图标的网站,推荐一个百度排名第一的吧:点击进入,图标制作好之后上传到你网站空间的根目录,一定要注意必须放在根目录;

2、其实到了这一步已经可以了,但是为了规范,我们最好是在网页页头的</head>之前加这么一行代码:

<link href="favicon.ico" type="image/x-icon" rel="icon"/>

PS:不会整代码的朋友可以无视这个步骤。

好了,现在可以在浏览器查看你的”网站头像“是否设置成功了,什么?还是看不到?清空下你的浏览器缓存或者换个浏览器查看,其实也可以等到第二天查看效果的,o(╯□╰)o

赞 (2)

已有 6 位小伙伴发表了看法

天兴工作室网友

回应ta天兴工作室网友 (游客)

评论于 2015-12-08 21:35:27

还真的被删了。。
知道91博客

回应ta知道91博客 (游客)

评论于 2014-11-12 01:43:09

但是有的服务器是不支持,有的浏览器也不支持
天兴工作室管理

回应ta天兴工作室管理 (管理员)

评论于 2014-11-12 09:37:40

什么浏览器不支持,应该是很小众的浏览器吧
筛宝

回应ta筛宝 (游客)

评论于 2014-11-10 21:25:33

之前来过,其实你的博客版式不错。文章也很有启示。今天 再来,望回访。
雨夜

回应ta雨夜 (游客)

评论于 2014-11-10 16:08:11

哦。难怪我的网站有时候不显示喃。这样哦。
天兴工作室管理

回应ta天兴工作室管理 (管理员)

评论于 2014-11-10 16:20:19

你就装吧,大神还看基础教程,O(∩_∩)O哈哈~ o(╯□╰)o

欢迎 发表评论

服务项目

快速入口

常见问题

天兴工作室 | www.txcstx.cn

天兴工作室介绍天兴工作室承接:网站建设、zblog模板和dedecms模板定制、仿站(像素级仿站)、html单页面定制和修改、网站模板修改等服务;我们的办事准则:要么不答应、答应则一定做到

  • 交流群:ZBLOG交流群
  • 客户群:天兴工作室客户群
在线QQ 评论文章