码迷,mamicode.com
首页 > Web开发 > 详细

为网站添加favicon.ico图标

时间:2014-04-30 02:38:04      阅读:672      评论:0      收藏:0      [点我收藏+]

标签:com   http   blog   style   class   div   img   code   java   javascript   log   

  前言

  貌似每次都是等到网站快收尾时才做favicon.ico的,这次也不例外。这年代……

 

  步骤

  1、PS制作正方形图标,格式为jpg、jpeg、gif或png。

  2、将图标转换为ICO格式,网上有很多在线转换工具,如http://www.ico.la/old.html 。

  3、将转换好的ICO格式图标放到网站中。

  4、网页代码<head></head>之间添加:

mamicode.com,码迷
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="Bookmark" href="images/favicon.ico">
mamicode.com,码迷

 

  说明

  Favicon ICO,即网站图标。它除了可以让浏览器在收藏夹中显示相应的标题,还可以以图标的形式区别不同的网站。

  而且根据浏览器的不同,Favicon 显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本) 中,Favicon 不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳Favicon 到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。

 

为网站添加favicon.ico图标,码迷,mamicode.com

为网站添加favicon.ico图标

标签:com   http   blog   style   class   div   img   code   java   javascript   log   

原文地址:http://www.cnblogs.com/xjyj/p/3695751.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有
迷上了代码!